如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
快速学会HTML语言-27-导航栏（实例）
来源：互联网
2023-03-16 19:11:51 253
如果帮到了你，投票，多多投票，谢谢。
工具/原料
- 电脑软件Sublime
方法/步骤
用表格table标记制作导航栏布局。
table>
tr>
td>a href="">首页/a>/td>
td>a href="">软件下载/a>/td>
td>a href="">游戏下载/a>/td>
td>a href="">联系我们/a>/td>
td>a href="">关于我们/a>/td>
/tr>
/table>
延续表格table标记，添加样式。
用table标记布局导航栏不建议使用，已被淘汰，仅作了解。
table align="center" cellpadding="0" cellspacing="0" height="50" width="500" border="1">
tr>
td>a href="">首页/a>/td>
td>a href="">软件下载/a>/td>
td>a href="">游戏下载/a>/td>
td>a href="">联系我们/a>/td>
td>a href="">关于我们/a>/td>
/tr>
/table>
用ul无序列表制作导航栏，是常用的布局。
如图只是基本框架。
ul>
li>a href="">首页/a>/li>
li>a href="">软件下载/a>/li>
li>a href="">游戏下载/a>/li>
li>a href="">联系我们/a>/li>
li>a href="">关于我们/a>/li>
/ul>
把ul标记变成竖排导航栏。
以下代码清除ul和li默认格式。
ul, li
{
margin: 0;
padding: 0;
list-style: none;
}
以下代码float:left；是浮动模式。padding是内边距。
li
{
float: left;
padding: 5px;
}
去除超链接默认的下划线。
添加li标记的背景色。
注意事项
- 如果有疑问，请在下方评论，小编会在第一时间回复。
- 按住Ctrl键 鼠标滚动滑轮可以放大网页查看。
- 输入完代码，一定要保存文件再打开游览器才有效果。保存快捷键(Ctrl S)
- gif动态图将重复播放。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： HTML
上一篇：快速学会HTML语言-26-列表技巧（实例） 下一篇：网页怎么把内容靠左边
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 438 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)