如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
HTML中div解释基本用途
来源：互联网
2023-03-16 19:12:40 207
div是html中css样式重要组成部分，一般简单的讲就是把它看成一个盒子，这个盒子可以设置宽、高、颜色，在盒子里面可以添加内容，里面可以是图形或者文字都可以被添加进这个div盒子里面，如果有多个盒子就可以对他们进行排版，上下左右。
工具/原料
- HTML
方法/步骤
如图，div内容区都是要写在html中的body中，就如图在body里面建立一个div标签，div标签是双标签，有一个起始标签还需要一个结尾的标签，结尾的标签需要用/表示，如图所示；然后想要对这个div添加修饰，就需要在上面head头部部分添加style样式，在这里添加各种对div的修饰
如图，在style中添加修饰，先写上对谁修饰div，然后后面的{}中填写的是具体的属性设置
如图，div的属性有宽高，都需要使用英文写，width宽度，然后后面是数值
只是设置了宽高，但是是透明的，我们需要让我们肉眼可见状态，所以就有了背景颜色或者添加个有颜色的边框设置
这样我们就能在浏览器中看到真实的背景图像了，如图
这是一个盒子，如果建立了多个盒子，多个盒子连在一起而且是同样的颜色就不好区分了，所以可以将盒子之间的间距拉开点，就出现了margin这个外边距，设置个数值
这样就有了多个图形不相连的状态，如图所示
这个时候，如果想要将竖排的多个图形变成横排的，就需要借助float浮动效果了，把他们浮动
这样就将图形编程横排排列了，如图所示。
既然作为盒子，那么盒子里面就可以装东西了，比如我们装文字信息，就直接在div后面输入文字内容
这样就可以看到，将文字添加进了框内。
注意事项
- 如果此经验对您有帮助，请左侧投票/关注，谢谢大家的支持^_^
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
上一篇：HTML-给图片添加边框的代码教程 下一篇：html网页中如何将图片设置为半透明
相关文章
- 详细阅读
- 详细阅读
-
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)