蓉杠学习网

html的左右分栏,html左右分栏代码

大家好,今天小编关注到一个比较意思的话题,就是关于html左右分栏问题,于是小编就整理了1个相关介绍html的左右分栏的解答,让我们一起看看吧。

  1. html5页面怎样左右分栏?

html5页面怎样左右分栏?

1,新建一个html文件命名为test.html,用于讲解div+css如何实现左右分栏。

2,在test.html文件内,使用div标签创建一个div模块,并设置class属性为con,主要用于下面通过该class来设置css样式

html的左右分栏,html左右分栏代码
图片来源网络,侵删)

3,在test.html文件内,再使用div标签创建两个div,分别设置其class属性为a,b。

4,在test.html文件内,在css标签内,使用“*”初始化页面内所有元素的内外边距都为0。

5,在test.html文件内,对类名为con的div进行样式设置,定义宽度为500px,高度为400px,居中对齐。同时,设置该div内的两个div的宽度为50%,高度为100%。

html的左右分栏,html左右分栏代码
(图片来源网络,侵删)

到此,以上就是小编对于html的左右分栏的问题就介绍到这了,希望介绍关于html的左右分栏的1点解答对大家有用。

html的左右分栏,html左右分栏代码
(图片来源网络,侵删)

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.rongung.com/post/38595.html

分享:
扫描分享到社交APP