CSS3基础(一)

CSS3基础(一)_第1张图片

 border-radius:按左上右上右下左下的顺序设置四个边框的角的半径
当元素的高度和宽度相同,圆角的半径为宽度的一半或直接设50%可以画个圆
设置一个值1就是所有的角都按值1变化
设置值1 值2 是设置了左上角和右下角的值1  右上角和左下角的值2
三个值呢?第一个值表示左上的弯曲程度 第二个表示右上角和左下角的圆润程度  第三个值表示右下角的圆角大小
你要设置边框圆角首先你得有边框吧?可不要忘了哦

box-shadow:(inset)x-offse空格y-offset空格blur-radius空格color分号

outset(外阴影是默认的,不用敲)inset内阴影

x-offset X轴位移指定阴影水平位移

y-offset
y轴位移,用来指定Y轴垂直位移量

blur-radius 模糊半径,向外模糊的范围

color 阴影所使用的颜色

刚才做练习实现样式的时候忘记设置行内元素display属性为inline-block了,上面的边框属性要设置宽高,要在行内实现的话,要把行内元素转换成块元素哦。

CSS3背景

你可能感兴趣的:(课后习题,html5)