欢迎您 本站地址:
复制网址
手机查看
切换背景
源代码：
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>
运行结果：
小库提示
扫描下方二维码，访问手机版。
打赏
关闭