您的 宣传网址:
复制网址
手机查看
宣传有奖
首页
编程学习
源代码:
html编辑器
颜色值转换
点击运行
CSS 网页布局 - 空若网<meta name="viewport" content="width=device-width, initial-scale=1"> <style> * { box-sizing: border-box; } body { margin: 0; } /* 头部样式 */ .header { background-color: #f1f1f1; padding: 20px; text-align: center; } /* 导航条 */ .topnav { overflow: hidden; background-color: #333; } /* 导航链接 */ .topnav a { float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; } /* 链接 - 修改颜色 */ .topnav a:hover { background-color: #ddd; color: black; } </style> <div class="header"> <h1>头部区域</h1> </div> <div class="topnav"> <a href="#">链接</a> <a href="#">链接</a> <a href="#">链接</a> </div>
运行结果:
×
空若网-温馨提示
您尚未登陆
请登陆后在来吧
立即登陆
注册账号
空若网