欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

列表:

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;

 }

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r14235.shtml