设为首页 - 加入收藏 湛江站长网 (http://www.aseasononthemountain.com)- 国内知名站长资讯网站,提供最新最全的站长资讯,创业经验,网站建设等!
热搜: 网站 站长之家 什么 平台
当前位置: 金亚洲官网 > 访谈 > 正文

纯 CSS border 用法举例之二:立体矩形

发布时间:2018-08-21 14:10 所属栏目:[访谈] 来源:站长网
导读:纯 CSS border 用法举例之二,生成立体的菱形效果,代码编写过程中要注意,依次设置设置overflow, font-size, line-height,因为, 虽然宽高度为0, 但在IE6下会具有默认的字体大小和行高, 导致盒子呈现被撑开的长矩形,因此要把字体和行高重新定义为0,避开

金亚洲官网 www.aseasononthemountain.com   纯 CSS border 用法举例之二,生成立体的菱形效果,代码编写过程中要注意,依次设置设置overflow, font-size, line-height,因为, 虽然宽高度为0, 但在IE6下会具有默认的字体大小和行高, 导致盒子呈现被撑开的长矩形,因此要把字体和行高重新定义为0,避开各大浏览器的兼容问题。

  演示:


提示:可修改后代码再运行!

【免责声明】本站内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。

网友评论
推荐文章