css标题提示问题

html-css013

css标题提示问题,第1张

一楼的回答很对,可以达到那种效果。但是如果用CSS实现,也是可以的。

但是HTML需要做一些改动,把SPAN放到A 中,才可以。大概IE6.0或者FF1.5以上的版本才可以有效果。

代码如下:

<style type="text/css">

<!--

a {

text-decoration: none

}

span {

display:none

}

a:hover span{

display:inline

}

-->

</style>

<a href="#">这是标题<span>这是标题提示</span></a>

1、打开开发工具,新建一个HTML文件。

2、使用font-family属性设置,字体代码:.demo1{font-family: "microsoft yahei"}。

3、使用font-size属性设置字体的大小代码:.demo1{font-size: 20px}。

4、使用font-style 属性设置字体风格:normal - 文本正常显示italic - 文本斜体显示oblique - 文本倾斜显示。

5、使用font-weight属性设置字体的粗细代码:.demo2{font-weight: 600}。

6、使用color设置字体颜色代码:.demo1{color: #FF0000}。就完成了。