CSS3鼠标经过文字改变

1、打开Dreamweaver软件，新建一个html文件，

2、在body标签中建立文字标签，如图，建立了几个h1标签，因为h1是块状标签，当建立标签后，在h1标签中的内容会自动换行

3、然后对h1进行修饰，添加浮动效果float:left;添加内填充和外边框，对字体和背景颜色也做了一些处理媪青怍牙<style>h1{float:left;background-color:#939393;margin:5px;padding:10px;font-size:16px;color:white;}</style>

4、将文件ctrl+s保存，然后快捷键F12在浏览器中预览效果

5、然后对h1进行css3修饰，当鼠标经过h1时，文字颜色和背景颜色改变，鼠标经过的CSS3样式标签为 :ho即枢潋雳ver ，当鼠标经过h1时，背景和文字改变颜色h1:hover{background-color:#B0D2D5;color:red;

6、将文件保存，然后在浏览器中观看实时效果，当鼠标经过h1时，文字背景变为浅青色，字体颜色变为红色。