首页 > 大家看看这个页面的li下面的线是用什么css写的?

大家看看这个页面的li下面的线是用什么css写的?

http://cnratchet.com/examples/app-ios-mail/
没明白这个线是哪来的,起初以为是border,但没发现。


.table-view .table-view-cell {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");
}

svg背景+data uri技术。

data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>

这个链接你可以复制在现代浏览器的地址栏看看,可以隐约看到一条灰线=w=

【热门文章】
【热门文章】