CSS06

一、圆角边框

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 其他属性

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。