如何让一个div居中
1、新建一个html文件,命名为test.html,用于讲解CSS怎样让一个div居中。
2、在test.html文件中,使用div标签创建一个模块,用于测试居中效果。
3、在test.html文件中,设置div的class属性为test,下面将通过该class属性设置其css样式。
4、在test.html文件内,编写<styletype=text/css></style>标签,页面的css样式将写在该标签内。
5、在css标签中,对div进行样式设置,使用width属性设置div的宽度为400px,使用height属性设置div的宽度为200px,使用background属性设置div的背景颜色为灰色。
6、在css标签中,使用margin属性对div的外边距进行设置,两边的外边距设置为auto,便可实现div居中效果。
7、在浏览器打开test.html文件,查看实现的效果。
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
适合大学女生看的书籍
适合大学女生看的书籍不抱怨的世界,美国亚马逊台湾金石堂诚品书...俗世奇人的好句佳段及优美词语
优美词语闻所未闻稀松平常天衣无缝平平整整横冲直撞大名鼎鼎好句...微信分付怎么申请开通
微信分付开通教程打开手机微信在微信主页面上方的搜索框中输入开...微信支付可以透支吗
微信支付只是一个平台,没有办法透支。但是可以通过绑定信用卡来...红娘和月老的区别的是什么
红娘红娘这个人物成名于元代王实甫的西厢记。北宋以后,这个故事...密度流上升流风海流分别有哪些
风海流北大西洋暖流和北太平洋暖流还有西风漂流密度流直布罗陀海...牵引车挡车倒车步骤口诀
起弯推到底,慢慢回保持左右小幅度来回打回弯打到底,慢慢回。起...武汉汉阳区哪里有图书馆
武汉汉阳区的图书馆名为汉阳区图书馆,地址为湖北省武汉市汉阳区...论文查重率太高怎么改
一是重新表述法,论文的句子连续个字和知网数据库内容重叠,就会...怎样做采购台帐
采购台帐按照下列的格式来登记。采购台帐物资类别,材料名称,填...手机淘宝付款怎么总出添加银行卡
因为淘宝本身是没有支付能力,需要借助支付宝付款,支付宝必须通...老式樱桃肉的做法
带皮猪五花肉刮净猪毛,洗净,切成厘米见方的丁,放入沸水中焯水...怎么看基金估值高低
在股票市场上,投资者可以根据来判断个股是否处于高估,还是低估...研究生考试难吗
选择自己喜欢的专业,学校首先根据自己的兴趣,能力等综合因素,...p4g攻略
任务最早开始时间开启地点开启教学楼楼。完成方式,都是印在钱币...