通配符选择器 列表修饰符 列表范围

来源:互联网 发布:浏览器打开淘宝很卡 编辑:程序博客网 时间:2024/05/29 16:14
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <!--css样式可以放在任何地方,但都放在头部:                   浏览器的渲染从上而下,先读取样式,不会影响用户的界面体验。                   <style>标签声明标签内为css-->    <style>        <!-- *:通配符选择器 全部的相关内容都改变 -->        *{            /*全部的padding全为0*/            padding: 0px;        }        ul{            /*列表前面的标明序列顺序即修饰符,例实心圆,空心圆等等*/           
            list-style: element(1);            /*查看列表的范围:加颜色或边框*/            border: 1px solid red;           /*修饰符的位置*/           list-style-position: outside;
 }
li {
          border: 1px solid yellow; 
       }   
 </style>   
 <title>列表</title>
</head><body>
<ul>    
<li>列表1</li>  
  <li>列表2</li>  
  <li>列表3</li>  
  <li>列表4</li>
</ul>
</body>
</html>
 list-style-position: inside;
0 0
原创粉丝点击