编辑
2023-03-20
CSS3
0
请注意,本文编写于 537 天前,最后修改于 515 天前,其中某些信息可能已经过时。

目录

链接属性
设置下划线为无
也可用来为其他文本添加下划线
参数
新建跳转页
参数
列表标记
使用定制的列表标记
设置有序列表编号
控制列表标记位置
属性值
设置嵌套列表的样式
设置嵌套列表的样式的方法

链接属性

链接标签自带字体颜色属性、下划线

设置下划线为无

css
a { text-decoration: none; }

也可用来为其他文本添加下划线

html
<P style="text-decoration: underline">文本</p>

参数

text-dercoration: 文本装饰
underlinne:下划线
line-through:中划线
overline:上划线
none: 无

新建跳转页

html
<a href="" target="_blank"></a>

参数

_self: 本窗口刷新
_blank:新窗口中打开

列表标记

css
list-style-type: disc /* disc-圆点、circle圆圈、square-方块、none-无标记 */

使用定制的列表标记

  1. 使用list-style-type

    取消常规标记

  2. 设置margin-left、padding-left属性为0删除列表项的缩进效果

  3. 在目标列表的li元素的样式规则中输入

css
background:url() repeat-type horizontal vertical /* url指定自定义图标位置 repeat-type:重复效果,值为no-repeat、repeat-x、repeat-y中的一种(通常设为no-repeat) horizontal vertical表示列表项目中背景图像的位置 */

设置有序列表编号

css
/*在li列表项开始标签中输入start="n"*/ <ol start="2">is 2 bulb</ol> /*修改指定li列表项的编号,在其li列表项开始标签输入value="n"*/ <li value="5"> me</li>

控制列表标记位置

在目标列表或列表项目的样式表规则中,输入list-style-position. 该属性可用于ul、ol、li

属性值

inside-是标记缩在文本块内、outside-外部,默认选项

设置嵌套列表的样式

设置嵌套列表的样式的方法

  1. 对单个列表项目使用class类名
  2. 使用后代选择器或子元素选择器套用样式
css
/*后代选择器*/ ul li { list-style-position: inside; } /*子元素选择器*/ ul>li { list-style-position: inside; }

本文作者:RKLS

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!