您的位置：首页 > Web前端 > CSS

精通 CSS+DIV 网页样式与布局 77

2016-12-07 20:36 447 查看

<td><a href=”#”>Free</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>

<html>

<head>

<title> 按钮超链接 </title>

<style>

<!–

a{ /* 统一设置所有样式 */

font-family: Arial;

font-size: .8em;

text-align:center;

margin:3px;

}

a:link, a:visited{ /* 超链接正常状态、被访问过的样式 */

color: #A62020;

padding:4px 10px 4px 10px;

background-color: #ecd8db;

text-decoration: none;

border-top: 1px solid #EEEEEE; /* 边框实现阴影效果 */

border-left: 1px solid #EEEEEE;

border-bottom: 1px solid #717171;

border-right: 1px solid #717171;

}

a:hover{ /* 鼠标经过时的超链接 */

color:#821818; /* 改变文字颜色 */

padding:5px 8px 3px 12px; /* 改变文字位置 */

background-color:#e2c4c9; /* 改变背景色 */

border-top: 1px solid #717171; /* 边框变换，实现“按下去”的效果 */

border-left: 1px solid #717171;

border-bottom: 1px solid #EEEEEE;

border-right: 1px solid #EEEEEE;

}

–>

</style>

</head>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： css

相关文章推荐

新的分享

章节导航