小于一像素的border奇迹样式

当前位置 : 首页 > 网页制作 > CSS > 小于一像素的border奇迹样式

小于一像素的border奇迹样式

来源: 作者: 时间:2015-11-02 10:32
小于一像素的border,看到这句话是不是特不相信,其实这是通过css样式来实现的,下面是具体的示例,大家可以参考下
小于一像素的border,看到这句话是不是特不相信,其实这是通过css样式来实现的,下面是具体的示例,大家可以参考下

上图border-less-than-one.png为一张高为20px,只包括一条高1px直线的图片

把她设成背景、放在容器的最底部,再压缩一下高度

复制代码
代码如下:

background:url('../images/border-less-than-one.png') repeat-x;
background-size:auto 10px;
background-position: 0 bottom;
background-color:#ffffff;

奇迹出现了。。。小于1px的border。。。
Tag:
网友评论

<