使用属性选择器用于空链接 &如何做1像素细边框的table？

使用属性选择器用于空链接

当 a 元素没有文本值，但 href 属性有链接的时候显示链接：

 

a[href^="http"]:empty::before {
    content: attr(href);   
}

　　

相当方便。 　

支持 　

这些高级技巧在Chrome、Firefox、Safari、Edge的当前版本，以及IE11中都能有效工作。

 

 

如何做1像素细边框的table？

 

方法1：

 

#test{border-collapse:collapse;border:1px solid #ddd;}

#test th,#test td{border:1px solid #ddd;}

 

 

姓名 Joy Du

年龄 26

 

 

方法2：

 

#test{border-spacing:1px;background:#ddd;}

#test tr{background:#fff;}

 

姓名 Joy Du

年龄 26

 

IE7及更早浏览器不支持border-spacing属性，但是可以通过table的标签属性cellspacing来替代。