Css列表样式怎么用

这篇文章主要介绍了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;

 }

 

感谢你能够认真阅读完这篇文章，希望小编分享的“Css列表样式怎么用”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!

文章名称：Css列表样式怎么用
网站地址：https://www.cdcxhl.com/article44/igoihe.html

成都网站建设公司_创新互联，为您提供企业建站、网站排名、网站维护、网站营销、全网营销推广、网页设计公司

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

成都seo排名网站优化

静态网站知识

各行业网站