第十九课时 利用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>
效果:没有特别效果,没有居中。
注意里面的单词要用英文格式书写,不然代码不会起作用。