在css中， 可以使用外边距属性来设置div距离顶部的高度 。 下面小编举例讲解css如何设置div距离顶部的高度 。
文章插图
需要这些哦
js+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件， 定名为test.html， 用于讲解css若何设置div距离顶部的高度 。
文章插图
2在test.html文件内， 利用div标签建立一个模块， 用于测试 。
文章插图
3在test.html文件内， 设置div标签的class为wd 。
文章插图
4在test.html文件内， 经由过程class设置div的样式， 界说它的宽度为200px， 高度为200px， 布景颜色为红色 。
文章插图
5在css标签内， 再利用margin-top属性设置上外边距为100px， 从而实现div距离顶部高度的设置 。
文章插图
6在浏览器打开test.html文件， 查看实现的结果 。
文章插图
总结：1【css如何设置div距离顶部的高度】1、利用div标签建立一个模块， 设置div标签的class为wd 。 2、经由过程class设置div的样式， 界说它的宽度为200px， 高度为200px， 布景颜色为红色 。 3、再利用margin-top属性设置上外边距为100px， 从而实现div距离顶部高度的设置 。 4、在浏览器打开test.html文件， 查看实现的结果 。
以上内容就是css如何设置div距离顶部的高度的内容啦， 希望对你有所帮助哦！
推荐阅读
- php如何将数组转换为对象
- 如流，怎么设置翻译语言为粤语
- php如何查找数组元素并替换
- 路由器如何合用两条宽带
- 如何查看手机的云端数据
- 3Dmax如何使用可编辑面片边
- UOS系统如何输俄文
- UOS下载器如何设置特定时间段内限速下载
- 哈威那如何训练
- 如何恢复QQ音乐误删的歌单