一、圆角边框
border-radius:length;
1.圆的写法:如果是一个正方形,想要设置一个圆,把参数改成高度或者宽度的一半即可,或者直接写成50%。
2.如果是个矩形,设置为高度的一半就好了。
3.该属性是一个简写属性,可以跟四个值,分别代表左上角、右上角、右下角、左下角。
4.border-radius:10px 20px; 左上和右下 10px 右上和坐下 20px。
border-radius:10px 20px 30px; 左上10px,右上和左下20px 右下30px。
二、盒子阴影:
box-shadow:x轴位置(必须)y轴位置(必须)模糊距离 尺寸 颜色 阴影位置;
默认是外部阴影,但是不可以写这个单词,否则会导致阴影无效。
盒子阴影不占有空间,不会影响其他盒子的排列。
三、文字阴影:
text-shadow:x轴位置(必须)y轴位置(必须)模糊程度 颜色;
默认是外部阴影,但是不可以写这个单词,否则会导致阴影无效。
盒子阴影不占有空间,不会影响其他盒子的排列。
四、CSS书写顺序
1 显示定位属性(positon/display/float)
2.盒子属性(width/height/margin)
3 文本属性 (color/font-size)
4 其他属性