新建一个html文件,定名为test.html,用于讲解CSS如何设置div结构居中,可是里面的内容不居中。
在test.html内,建立一个div,并设置其class属性为con,便利下面利用类名进行样式界说。
在test.html内,利用<style type="text/css"></style>标签标识表记标帜css样式,用于编写css代码。
利用css对div进行样式界说,经由过程margin:0 auto实现div居中显示,同时设置div的宽度为400px,高度为200px,布景颜色为灰色。
在div内,利用h2建立一个题目文字,写上测试的内容,代码如下:
在css内,对h2标签进行样式界说,利用text-align设置h2文字左对齐,上内边距为20px。
在浏览器打开test.html页面,可见,div居中,可是里面的内容不居中。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!