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

html-css012

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>

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