无序列表,有序列表,自定义列表

无序列表UL
格式:
css
ul
{
padding:0;
list-style:none;
}
//把ul中的li的最前面before设置
ul>li:before
{
//吧li设置为行内块
display:inline-block;
//设置边框
1px yellow solid;
修改圆点样式为
content:“♥”
}
最后面
ul>li>:after
{
display:inline-block;
border:1px yellow solid;
color:red;
content:“♥”
}

  • 我是第一行
  • 我是第二行
  • 我是第三行

有序列表


  1. 李现

  2. 敬汉卿

  3. 张三

自定义列表


李现
敬汉卿

张三
cascading

AAAAAAA

你可能感兴趣的:(CSS样式,前端)