0015 认识css 边框属性和列表属性

边框属性的设置

1.border边框的属性有颜色 ,样式虚线或者实线等等,
 边框的width线的粗细的意思。
 作为边框 4个方向的线条可以自定义到每一个根线条的属性,显示的更加酷炫,

边框的基本样式

         /*边框线的厚度 像素越大线越粗*/
          border-width: 10px;
          /*边框线的颜色*/
          border-color: red;
          /*边框线的样式*/
          border-style: solid;
          
          
三合一简写法:          border: solid red 1px;

image-20230304203027939

        可以分别为 4根线进行样式的设置,也可以单独为一根线设置
            border-top : solid yellow 10px;
            border-bottom : solid red 10px;
            border-right : solid green 10px;
            border-left: solid blue 10px;

image-20230304204235915

列表属性的设置

2、列表的属性在css中 list_style_type 设置系统自带的小图标,比如实心园,方形等等, 常用的功能是type等于none  去掉样式。

去除列表本身自带的小图标
常用 list-style: none

image-20230304205252936

分割线的使用

image-20230304221440809

posted @ 2023-03-05 14:57  mmszxc  阅读(56)  评论(0)    收藏  举报