流浪者个人空间

我就像一只无头苍蝇
在这繁华落寞的世界里摸爬滚打，带着伤痕不停歇。

  • facebook
  • twitter
  • linkin
  • technorati
  • myspace

盒子常用样式

流浪者 发布于2018-06-15 18:14 评论(0) 阅读()

盒子样式
忽略padding值和边框宽度

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

重要提示：兼容的标准写法是未加前缀的css在前面

边框透明度

border: 1px solid hsla(0,0%,100%,.2);(和背景透明一样的用法)

边框圆角代码

-webkit-border-radius: 1px 1px 1px 1px;

-moz-border-radius: 1px 1px 1px 1px;

border-radius: 1px 1px 1px 1px;

重要提示：

此方法为cs3新出的样式，有时需要考虑兼容  详解请看原文博主

边框背景图

border: 1px solid hsla(0,0%,100%,.2);(和背景透明一样的用法)

重要提示：

此方法为cs3新出的样式，有时需要考虑兼容

详解请看原文博主  或  w3school

表格样式
table-cell表格之间的距离

/*单元格之间的距离*/

border-collapse:separate;

border-spacing: 4px 2px;

重要提示：两行代码需要连用,且此段代码写在父元素中

 

上一篇：内容文本特殊css

下一篇：盒子透明和背景透明