如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
利用HTML5和css样式声明制作简单的一级导航栏
来源：互联网
2023-03-16 19:10:43 461
一级导航栏是网页设计中最简单的设计，但对于一个初学者来说有一定的难度。本教程教授初学者如何利用HTML5和css制作一个简单的垂直导航栏。
工具/原料
- 电脑
- 安装有Dreamweaver等网页开发软件
方法/步骤
我们以Dreamweaver为例子。新建一个HTML文档
在body里面加入一个div盒子，并将id设为x。（div的id可以随意更改，但切记id不可改为数字或者汉子或者其他符号与语言等，只可纯英语或者英语加数字）
在div里面加入ul无序列表标签，并加入3个li标签（为了方便观看我这里只加了3个li标签，实际应用时可以多加几个，但切记要在ul里面加入。）
在li标签里面加入所需要的汉字，并添加链接。（为了演示我这里的链接加的空链接，实际应用时可以更改。）
在a标签里面加入class标签，方便后面的更改
按f12在浏览器中进行浏览保存
浏览如图
添加css声明，并对全局进行修改，加入margin、padding、font-family标签
对div进行添加css效果，添加行高、行宽和背景颜色标签。（实际使用中行高、行宽和背景颜色的数值可以进行随意修改）
对class进行添加css效果，添加行高、行宽、背景颜色、字体大小、去掉下划线、去掉标记等标签，特别注意一定要加入display:block;标签。
对div添加悬挂效果，添加文字颜色和背景颜色标签
按f12在浏览器中浏览最终效果
当鼠标放上去显示的颜色
完整的代码如图
注意事项
- div的id不可以一致，但class可以一样
- 添加div的id时切忌不可以用汉字或者纯数字
- 在实际操作中行高、行宽。字体大小和背景颜色的数据可以随意，但是一定要注意总体的布局一定要完美。
- display:block;和去下划线和去标记的标签一定添加
- HTML5标记标签除特殊标签外都是成对出现，所以要注意有开头就有结尾。
- css样式声明时所有使用的标点都是英文状态下输入的，要特别注意，
- css样式声明的结尾一定要有分号，不然容易出现添加上却无效果或者乱码情况。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
上一篇：文字ppt幻灯片演示html5 下一篇：如何利用JQuery给元素添加虚线边框
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 435 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)