你未必知道的CSS小知识:border属性比你想象的要复杂
摘要:http://www.qikuedu.com你未必知道的CSS小知识:border属性比你想象的要复杂我们很多人都用过这样的写法:.example{border:solid1pxblack;}这里的border属性的用法实际上是一种简写的形式,它分别设置了borderstyle,border-width,和border-color—用一句代码表示它们三个。但不要忘记,border-style,border-width,和border-color也都有自己的简写形式。所以,border-width可以写成这样:.example{border-width:2px5px1px0;}这样,四个边的宽度被一次设定。border-color和border-style属性也可以这样做。下面的这个实例演示就是用的这种写法:HTML代码<divclass="box">CSS代码body{font-family:Arial,sans-serif;}.box{width:150px;height:150px;http://www.qikuedu.commargin:20pxauto;border-color:peachpuffchartreusethistlefirebrick;border-style:soliddasheddotteddouble;border-width:10px3px1px8px;}p{text-align:center;}演示其实,这些每个属性还可以继续细化,被拆分成border-left-style,bordertop-width,border-
温馨提示:当前文档最多只能预览
5 页,若文档总页数超出了
5 页,请下载原文档以浏览全部内容。
本文档由 匿名用户 于 2022-04-12 23:23:28上传分享