外部的样式 需要新建单独的CSS文件,把样式写在CSS中,新建的CSS名称如下:
waibuyangshi.css
table{width: 100%;border-collapse: collapse;text-align: center;}
td{border: 1px solid #00f}
a{text-decoration: none;} /*去除a标签的下划线样式*/
a:hover{text-decoration: underline;/*a:hover代表的是鼠标经过时的超链接;*/
color: yellow;
background-color:darksalmon;
}
html中的内容
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--
使用的是外部样式,waibuyangshi.css中放的是设置的样式
-->
<link rel="stylesheet" type="text/css" href="waibuyangshi.css"/>
</head>
<body>
<table>
<tr style="background-color: lightblue;">
<td><a href="#">首页</a></td>
<td><a href="#">留言</a></td>
<td><a href="#">日志</a></td>
<td><a href="#">游戏</a></td>
<td><a href="#">读书</a></td>
<td><a href="#">军事</a></td>
<td><a href="#">新闻</a></td>
</tr>
</table>
</body>
</html>