在线演示 本地下载…

1. 无序列表 有序列表 自定义列表 1,无序列表 第一 你不必须有子标签  <li></li> 第二 ul天生自带内外边距 List-style的属性值 circle(空心圆) disc(实心圆)square(正方形)none(空) 2.  有序列表 ol 有序列表 内部必须有子标签<li> 天生自带内外边距 Ol和ul不同之处就在前面符号的区别. 用标签属性type修改 3.   自定义列表 Dl 自定义列表 dt 是小标题  dd内容 4.有的标签设置背景时会独占…

====================非常重要=================无序列表ul中有一个type属性四个属性值type="disc" 实心圆点(默认) type="square" 正方形 type="cicle" 空心圆<ul>    <li></li>    <li></li>    <li></li></ul> 有序列表ol中有一个t…

一.总结: 有时候我们要给列表(ul ol 本身就是属于块级元素)的上表框或下边框设置颜色,如下: 但是在给内联块级元素(inline-block)的上表框或下边框设置颜色的时候,就没有这么简单: 在前辈的博客中了解到:ul或ol中的li与li之间之所以会有间隙,是因为空白符引起的. 因为我们一般都是一行一个li,换行都会产生空白符.上面的日历也可以看到每个数之间有明显的间隙. 解决办法:将ul或ol的font-size设置为0,消去空白间隙,重新在给li定义字体的大小. 修改后的效果: 需要注…

序号样式例子,下面是html代码(做参考) <ol> <li>列表内容列表内容列表内容列表</li> <li>列表内容列表内容列表内容列表</li> <li>列表内容列表</li> <li>列表内容列表内容4</li> <li>列表内容列表内容5</li> </ol> 一.示例1.自定义序号,一般的列表顺序都是以1.2.3.为序号,但需要“.”代替“.”  ,这时…

<br>    换行, 单标签 <hr>    分割线,水平线 <p>    段落, 有<br>换行功能, 而且行距会比普通换行要宽. <div>    通用分组, 看上去和<br>是完全一样的. 但是br是单标签, 双标签是可以控制内容的属性的. <blockquote>    页边缩进. 引用整块文字的段落, 多用于转换场景意境的引用. 多用于正规书籍出版, 或者微信平台美化.      <pre>    …

1.ul是无序列表,也就是说没有排列限制可以随意加li: <ul> <li>可以随意放置</li> <li>可以随意放置</li> <li>可以随意放置</li> </ul> .可以随意放置 .可以随意放置 .可以随意放置 2.ol就序列表,会按照你写的li前后依次排列: <ol> <li>我是第一</li> <li>我是第二</li> <li&…

ol 有序列表.<ol><li>……</li><li>……</li><li>……</li></ol>表现为:1……2……3…… 属性start可设置开始: <ol start="50"> <li>咖啡</li> <li>牛奶</li> <li>茶</li></ol> 表现: 50. 咖啡 51.…

1.ul是无序列表,也就是说没有排列限制可以随意加li: <ul> <li>可以随意放置</li> <li>可以随意放置</li> <li>可以随意放置</li> </ul> .可以随意放置 .可以随意放置 .可以随意放置 2.ol就序列表,会按照你写的li前后依次排列: <ol> <li>我是第一</li> <li>我是第二</li> <li&…

<ul>:无序列表 <ol>:有序列表 <li>:行. 想要去掉前面的序号和点可以在<ol>或<ul>style中用list-style: none,想让内容居中,必须要加 text-align: center; padding: 0px:…