Css列表样式

2024-01-18 15:53 小编

列表:


list-style-image :none| url (url) 项目符号以图片的形式存在


list-style-position :outside| inside  图片图标 实在li的内部  或 外部


list-style-type : 指定项目符号的类型


 


list-style : list-style-image   list-style-position   list-style-type  none(没有项目符号)


案列:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">


<head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<title>无标题文档</title>


<link href="css/index.css" rel="stylesheet" type="text/css" />


</head>


 


<body>


      <ul>


          <li>aaaa</li>


          <li>bbbb</li>


          <li>cccc</li>


          <li>dddd</li>


    </ul>


 </body>


</html>


Css部分


@charset "utf-8";


/* CSS Document */


 


ul{


      border:1px solid #ff0000;


      /*


      list-style-image:url(../imgs/1.jpg);


      list-style-position:outside;


     


      list-style-type:upper-latin;*/


      list-style:none;


}


ul li{


      border:1px solid #ff0000;


 }


在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码