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

html-css021

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

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

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

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

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

<style type="text/css">

#aa{width:200pxheight:80pxbackground:#ccc}

.dashed{border:#00f dashed 2px}

.solid{border:#f00 solid 2px}

</style>

<div id="aa" class="dashed" onclick="aa.className='solid'">请你点点我吧！</div>

//不知是设链接还是其它的，猜测如上