Rumah > Artikel > hujung hadapan web > css如何设置div大小
css如何设置div大小
- 醉折花枝作酒筹asal
- 2021-04-20 16:59:135164semak imbas
在css中，可以使用width属性和height属性来设置div大小，只需要给div元素设置“width:值”和“height:值”样式即可。width属性定义元素内容区的宽度，height属性定义元素内容区的高度。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
新建一个html文件，命名为test.html，在test.html文件中，使用div标签创建一个模块，并在div添加文字内容
在test.html文件中，设置div标签的class属性为erliu，主要用于下面通过该css设置div的css样式 。
在test.html文件内，编写9a6c6593cd224a767d2b5172bc71b53a531ac245ce3e4fe3d50054a55f265927标签，页面的css样式将写在该标签内。
在css标签内，编写div的样式，使用background属性设置div的背景颜色为红色。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>document</title>
<style>
.erliu{
background: red;
}
</style>
</head>
<body>
<div class="erliu">
测试
</div>
</body>
</html>查看：
在css标签内，编写div的样式，使用width属性设置div的宽度为200px，使用height属性设置div的高度为100px。
.erliu{
/* width: 200px;
height: 100px; */
background: red;
}查看效果：
推荐学习：css视频教程
Atas ialah kandungan terperinci css如何设置div大小. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css怎么设置图片背景Artikel seterusnya：css怎么设置间距