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

最新推荐文章于 2025-08-17 15:24:04 发布

相濡以沫si

最新推荐文章于 2025-08-17 15:24:04 发布

阅读量249

点赞数

CC 4.0 BY-SA版权

分类专栏： css+div 文章标签： css url cursor 图片

本文链接：https://blog.youkuaiyun.com/myjnt/article/details/53510208

css+div 专栏收录该内容

168 篇文章

订阅专栏

本文介绍了一个使用HTML和内联CSS实现的简单网页布局案例，包括背景图片设置、导航条样式定义及不同状态下超链接的颜色变化。通过这些样式定义，可以创建具有良好视觉效果的导航栏。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<title> 动态超链接 </title>
<style>
<!–
body{
background:url(bg9.gif); /* 页面背景图片 */
margin:0px; padding:0px;
cursor:pointer;
}
.chara1{
font-size:12px;
background-color:#90bcff; /* 导航条的背景颜色 */
}
.chara1 td{
text-align:center;
}
a:link{ /* 超链接正常状态下的样式 */
color:#005799; /* 深蓝 */
text-decoration:none; /* 无下划线 */
}
a:visited{ /* 访问过的超链接 */
color:#000000; /* 黑色 */
text-decoration:none; /* 无下划线 */
}
a:hover{ /* 鼠标经过时的超链接 */
color:#FFFF00; /* 黄色 */
text-decoration:underline; /* 下划线 */
}
–>
</style>
</head>
<body>
<table align=”center” cellpadding=”1” cellspacing=”0”>
<tr><td><img src=”banner3.jpg” border=”0”></td></tr>
</table>
<table width=”600px” cellpadding=”2” cellspacing=”2” class=”chara1”
align=”center”>
<tr>
<td><a href=”#”>首页</a></td>
<td><a href=”#”>心情日记</a></td>