CSS样式 怎样才可以做到鼠标移动到字体下显示有下划线

html-css026

CSS样式 怎样才可以做到鼠标移动到字体下显示有下划线,第1张

1、打开html开发工具并创建一个html文件。

2、在html页面上找到<body>标记,键入<body>标记,并用<a>标记覆盖内容。

3、修改<a>标签的内容,将颜色设置为蓝色。

4、将鼠标设置为在<a>标签上滑动,字体下方将变为红色下划线:a:hover {color:red}。

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:body{text-decoration: line-through}。

3、浏览器运行index.html页面,此时用css成功让文本添加了中划线。

方法如下:

1:text-line-through-color:设置删除线的颜色。

2:text-overline: text-overline-color: 设置上划线的颜色

3:text-underline:text-underline-color:设置下划线的颜色