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样式标签为 :hover ，当鼠标经过h1时，背景和文字改变颜色
h1:hover{background-color:#B0D2D5;color:red;
6、将文件保存，然后在浏览器中观看实时效果，当鼠标经过h1时，文字背景变为浅青色，字体颜色变为红色。
