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

本文介绍了一种网页设计技巧,通过CSS自定义不同组件的样式,包括鼠标悬停效果及页面滚动条的外观调整。通过对链接和按钮的状态设置,增强了用户体验;同时,详细展示了如何设置独特的滚动条样式。

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

a:hover{
color:#FFFFFF;
text-decoration:none;
background:url(button4.jpg) no-repeat; /* 变换背景图片 */
}
a.help:hover{ /* “帮助”按钮的样式 */
cursor:help; /* 变幻鼠标形状 */
}
–>
</style>
</head>
<body>
<table cellpadding=”0” cellspacing=”0” class=”banner”>
<tr><td><img src=”banner2_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=”#” class=”help”>帮助</a></td></tr>
</table>
</body>
</html>
<html>
<head>
<title>页面滚动条</title>
<style>
<!–
body{ /* 页面滚动条 */
background-color:#efe5e2;
scrollbar-3dlight-color: #B0C4DE;
scrollbar-arrow-color: #34547E;
scrollbar-base-color: #FF0000; /* 基调颜色 */
scrollbar-darkshadow-color: #1D4272;
scrollbar-face-color: #CFDFF4;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #5380BA;
}
.largetext { /* 文本框滚动条 */
scrollbar-3dlight-color: #B0C4DE;
scrollbar-arrow-color: #FFFFFF;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值