/* 以下是示例CSS代码,仅供参考 */ body { font-family: Arial, sans-serif; /* 设置字体样式 */ margin: 0; /* 去除页面默认的外边距 */ padding: 0; /* 去除页面默认的内边距 */ } header { background-color: #333; /* 设置背景颜色 */ color: #fff; /* 设置文字颜色 */ padding: 20px; /* 设置内边距 */ } h1 { font-size: 2em; /* 设置字体大小 */ margin-bottom: 0; /* 去除底部外边距 */ } nav { background-color: #eee; /* 设置背景颜色 */ border: 1px solid #ccc; /* 设置边框 */ padding: 10px; /* 设置内边距 */ } ul { list-style: none; /* 去除点标记 */ margin: 0; /* 去除默认外边距 */ padding: 0; /* 去除默认内边距 */ } li { display: inline-block; /* 将列表项设置为行内块元素 */ margin-right: 10px; /* 设置右边距 */ } a { color: #333; /* 设置链接文字颜色 */ text-decoration: none; /* 去除链接下划线 */ } a:hover { color: #000; /* 鼠标经过时,修改链接文字颜色 */ }
以上是一个简单的示例CSS代码,可以用于制作一个具有基本导航栏的网站。如果您正在学习Web开发,建议您深入学习CSS的使用,掌握各种常见的CSS技巧和语法规则,以便能够设计出更加美观、实用和符合用户需求的网站。