精通 CSS+DIV 网页样式与布局 79
2016-12-07 20:37
573 查看
–>
</style>
</head>
<body>
<table cellpadding=”0” cellspacing=”0” class=”banner”>
<tr><td><img src=”banner1_left.jpg” border=”0”></td></tr>
</table>
<table cellpadding=”0” cellspacing=”0” class=”links”>
<tr><td><a href=”#”>首页导读</a><a href=”#”>在线用户</a><a href=”#”>查
询网友</a><a href=”#”>在线好友</a><a href=”#”>好友名单</a><a href=”#”>查看
讯息</a><a href=”#”>发送讯息</a></td></tr>
</table>
</body>
</html>
<html>
<head>
<title> 鼠标变幻超链接 </title>
<style>
<!–
body{
padding:0px;
margin:0px;
background-color:#efe5e2;
}
table.banner{
background:url(banner2_bg.jpg) repeat-x;
width:100%;
}
table.links{
background:url(button3_bg.jpg) repeat-x;
font-size:12px;
width:100%
}
a{
width:80px; height:32px;
padding-top:10px;
text-decoration:none;
text-align:center;
background:url(button3.jpg) no-repeat; /* 超链接背景图片 */
}
a:link, a visited{color:#2d2d26;}
</style>
</head>
<body>
<table cellpadding=”0” cellspacing=”0” class=”banner”>
<tr><td><img src=”banner1_left.jpg” border=”0”></td></tr>
</table>
<table cellpadding=”0” cellspacing=”0” class=”links”>
<tr><td><a href=”#”>首页导读</a><a href=”#”>在线用户</a><a href=”#”>查
询网友</a><a href=”#”>在线好友</a><a href=”#”>好友名单</a><a href=”#”>查看
讯息</a><a href=”#”>发送讯息</a></td></tr>
</table>
</body>
</html>
<html>
<head>
<title> 鼠标变幻超链接 </title>
<style>
<!–
body{
padding:0px;
margin:0px;
background-color:#efe5e2;
}
table.banner{
background:url(banner2_bg.jpg) repeat-x;
width:100%;
}
table.links{
background:url(button3_bg.jpg) repeat-x;
font-size:12px;
width:100%
}
a{
width:80px; height:32px;
padding-top:10px;
text-decoration:none;
text-align:center;
background:url(button3.jpg) no-repeat; /* 超链接背景图片 */
}
a:link, a visited{color:#2d2d26;}
相关文章推荐
- 精通CSS.DIV网页样式与布局(六)——页面和浏览器元素
- 精通CSS.DIV网页样式与布局(二)
- 精通 CSS+DIV 网页样式与布局 14
- 精通 CSS+DIV 网页样式与布局 16
- 精通 CSS+DIV 网页样式与布局 7
- 精通CSS.DIV网页样式与布局(七)——制作实用菜单
- 精通 CSS+DIV 网页样式与布局 18
- 精通 CSS+DIV 网页样式与布局 1 什么是样式表
- 精通 CSS+DIV 网页样式与布局 21
- 精通 CSS+DIV 网页样式与布局 20
- 精通CSS.DIV网页样式与布局(二)—— 段落
- 精通 CSS+DIV 网页样式与布局 8
- 精通 CSS+DIV 网页样式与布局 15
- 精通 CSS+DIV 网页样式与布局 2 Selector -- 选择符
- 系列文章--精通CSS.DIV网页样式与布局学习
- 精通CSS.DIV网页样式与布局(八)——滤镜的使用
- 精通 CSS+DIV 网页样式与布局 12
- 精通 CSS+DIV 网页样式与布局 4
- 精通CSS.DIV网页样式与布局(一)
- 精通 CSS+DIV 网页样式与布局 13