css怎样定义div大小,css如何设置div大小
生活随笔
收集整理的這篇文章主要介紹了
css怎样定义div大小,css如何设置div大小
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在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文件內,編寫標簽,頁面的css樣式將寫在該標簽內。
在css標簽內,編寫div的樣式,使用background屬性設置div的背景顏色為紅色。
document.erliu{
background: red;
}
測試
查看:
在css標簽內,編寫div的樣式,使用width屬性設置div的寬度為200px,使用height屬性設置div的高度為100px。.erliu{
/* width: 200px;
height: 100px; */
background: red;
}
查看效果:
總結
以上是生活随笔為你收集整理的css怎样定义div大小,css如何设置div大小的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: C++学习之路 | PTA乙级—— 10
- 下一篇: vue 懒人_Vue.js 中的实用工具