html中页面目录虚线怎么做,html中文本下面怎么有虚线

在html中，可以使用border-bottom设置文本下面有虚线，只需要给文本元素设置“border-bottom:width dashed color”样式即可。设置元素下边框的样式时，只有当这个值不是none时边框才可能出现。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

border-bottom 简写属性把下边框的所有属性设置到一个声明中。

可以按顺序设置如下属性：border-bottom-width

border-bottom-style

border-bottom-color

语法：border-bottom:width style color;

如果不设置其中的某个值，也不会出问题，比如 border-bottom:solid #ff0000; 也是允许的

设置元素下边框的样式时，只有当这个值不是 none 时边框才可能出现。

例子：

p {

border-style: solid;

}

p.none {

border-bottom-style: none;

}

p.dotted {

border-bottom-style: dotted;

}

p.dashed {

border-bottom-style: dashed;

}

p.solid {

border-bottom-style: solid;

}

p.double {

border-bottom-style: double;

}

p.groove {

border-bottom-style: groove;

}

p.ridge {

border-bottom-style: ridge;

}

p.inset {

border-bottom-style: inset;

}

p.outset {

border-bottom-style: outset;

}

No bottom border.

A dotted bottom border.

A dashed bottom border.

A solid bottom border.

A double bottom border.

A groove bottom border.

A ridge bottom border.

An inset bottom border.

An outset bottom border.

效果：

扩展资料：

border-bottom-color 设置元素的下边框的颜色。

只能定义纯色，而且只有当边框的样式是一个非 none 或 hidden 的值时边框才可能出现。

注释：请始终把 border-style 属性声明到 border-color 属性之前。元素必须在您改变其颜色之前获得边框。

属性值：

推荐学习：html视频教程