CSS列表元素

  1. ul无序列表、ol有序列表
    list-style-image:设置图片作为列表中的项目符号
    可用值:none,url
    list-style-position:设置项目符号的放置位置
    可用值:inside,outside
    list-style-type:设置项目符号的几种默认样式
    可用值:none,disc,circle,square,decimal,(ul
    这里写图片描述
    lower-roman,upper-roman,lower-alpha,upper-alpha (ol
    这里写图片描述

  2. 使列表变为段落
    使用display:inline不建议使用float:left
    html:

<html>
 <head>
  <title>div</title>
  <link rel = "stylesheet" type="text/css" href = "layout.css">
 </head>
 <body>
  <h2>在这一章中,我们主要探讨如下几个方面</h2>
  <ul>
   <li>布局概述</li>
   <li>页面元素入门</li>
   <li>高级技巧</li>
   <li>疑难解答</li>
  </ul>
  <h2>以及其他更富创造性的页面设计</h2>
 </body>
</html>

layout.css

ul {
 display:inline;
 margin-left:5px;
 padding:0;
}
ul li {
 display:inline;
}
h2 {
 display:inline;
 font-size:16px;
 font-weight:normal;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值