部分说明和参数资料引自网络 小白弱弱的添加编辑了里面的内容,这样看上去更好懂了. CSS的盒模型概念:页面中的每个元素,都可以把他们看做是一个矩形。 这些矩形的大小、位置以及行为都可以通过CSS进行控制。 行为的意思就是:当盒子内外的内容改变的时候,应该如何处理。 比如,如果你没有设置一个矩形的高度,该矩形的高度将会根据它容纳元素以及内容而增长。如果当你已经给一个矩形指定了高度或宽度后,里
box-shadow有六个可设值: img{box-shadow:阴影类型 X轴位移 Y轴位移 阴影大小 阴影扩展 阴影颜色 } •当不设阴影类型时,默认为投影效果。当设为inset时,为内阴影效果。 •X轴和Y轴位移类似于photoshop里面的”角度”和”位置。 •阴影大小、扩展、颜色和Photoshop里面的效果一样 例子 box-shadow:0 0 10px #123; 投
今天遇到了这个CSS3的属性,效果很不错,不过就是IE浏览器用不了有点杯具,如果可以用的话,至少很多地方都不用自己去做图片样式的圆角了! 语法: border-radius : none | {1,4} [ / {1,4} ]? 其他有用的属性: border-top-right-radius , border-bottom-right-radius , border-bottom-left