如何让一个div居中 - 考驾照网
考驾照网> 数码> 正文

如何让一个div居中

来源:考驾照网更新时间:2021-02-20 23:15

  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文件,查看实现的效果。

考驾照网(KAOJIAZHAO.COM)

免责声明:本文仅代表作者个人观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,如果侵犯了您的版权,请联系我们,本站将在3个工作日内删除。

2024年小车科目一模拟试题

2024年小车科目四模拟试题

驾校相关信息:
  • 厦门驾校排行榜
  • 厦门驾车陪练
  • 厦门汽车违章查询
  • 北京驾校排行榜
  • 北京驾车陪练
  • 北京驾车违章查询
  • 无锡车辆违章查询
  • 无锡驾驶证扣分查询
  • 无锡新区驾校排行
  • 北京驾校优惠信息
  • 周边城市驾校:
    驾校-热门城市:

    考驾照网(www.kaojiazhao.com) 旗下平台: 驾校平台 教练平台 陪练平台 考试平台

    考驾照网举报投诉方式:电话: QQ: 邮箱:(接受色情、低俗、侵权、虐待等违法和不良信息的投诉)

    Powered by 考驾照网 © 2001-2013 KAOJIAZHAO    XXXXXXXXXX