2017/3/17第十九课时 利用margin实现元素居中

2017-04-10  本文已影响0人  葱小葱

第十九课时 利用margin实现元素居中

作业:
1.利用 margin auto完成首页居中;
并自行研究,竖直方向用margin:auto;是什么效果。
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>8小时第十九课时 利用margin实现元素居中</title> <style >
#container{
width: 1000px;
height: 200px;
background-color: blue;
margin-left: auto;/为了居中,使左右自动计算/
margin-right: auto;

</style>
</head>
<body>
<div id=container></div>
</body>
</html>

效果:没有特别效果,没有居中。

注意里面的单词要用英文格式书写,不然代码不会起作用。

上一篇 下一篇

猜你喜欢

热点阅读