css样式的多种方法设置
操作方法
- 01
在html页面找到body标签，在body标签里新建一个div标签，然后在div标签中新建a标签，并在a标签中输入页数。 新建style标签 回到html代码页面，找到title标签，在title标签下新建一个<style type="text/css"></style> 设置翻页样式 在style标签里新建一个样式类page，在page类中设置样式，然后对a标签设置样式，设置好后在div标签引用page类。保存好代码后刷新浏览器即可看到翻页效果。如图： 样式代码： .page{ text-align: center; margin-top: 50px; } .page a{ text-decoration: none; border:1px solid #f9d52b; padding: 5px 7px; color: #767675; cursor: pointer; } 添加上一页、下一页。 在代码页面找到第一个a标签，在这个标签的前面添加：<span>上一页</span>；然后找到最后一个a标签，在这个标签后面添加：<span>下一页</span>；最后在样式.page a后面添加： .page span。 添加鼠标滑过分页字体变色。 在styel标签中设置鼠标滑过后字体变色： .page a:hover,.page s 101平台在线http://101zaixian.net/ 101娱乐平台在线http://zaixian101.net/ pan:hover{ color: red; } 在txt文件下增加标准网页声明<!doctype html>,这个习惯是非常有必要的。内部样式表：增加方式为在head标签内部增加<style>各种样式声明（class对应方式 .{} id对应方式 #{} 元素（如p元素）对应方式 p{}）</style>.