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

html-css0447

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

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

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

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

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

1、新建html文档,在html文档的bady标签中添加一个a标签,然后为这个标签添加“href”属性和属性值:

2、将编辑好的代码保存,然后用浏览器打开html文档,这时可以在网页中看到a标签的下划线:

3、添加style标签,然后为a标签设置“text-decoration:none”css样式,刷新浏览器,这时浏览器中的下划线就会被去掉:

你好,我根据你的要求编写了下面的代码,请参考:

<!--无序列表-->

<ul>

<li>第1个li元素</li>

<li>第2个li元素</li>

<li>第3个li元素</li>

</ul>

<!--下划线样式-->

<style>

ul li{text-decoration:underline}

</style>

如对以上代码仍有疑惑,欢迎追问。