边框样式(border-style)
-
solid
实线边框;
- double
两条实线;
- groove
槽线,看起来就像页面上有一个槽;
- outset
外凸,看起来就像是从页面凸出来一样;
- dotted
虚线,也称为点线;
- dashed
破折线;
- inset
内凹,看起来就像页面凹进去一样;
- ridge
脊线,顾名思义看起来像页面上一个凸起的山脊;
边框宽度(border-width)
- thin
定义的细边框;
- medium
定义的中等边框;
- thick
定义的粗边框;
- 也可以自定义宽度:10px;
边框圆角(border-radius)
边框的圆角可以整体设置即四个角同时设置,也可单个设置(同css中其他属性类似)。圆角的大小可通过像素(px)或者em(相对于元素的字体大小)。
例如:border-radius:20px; border-top-left-radius:3em;
本人博客源地址:http://120.27.248.71/index.php/2019/08/06/css_bian_kuang_shu_xing/#more-170