<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .header{ height: 38px; background-color: #dddddd; line-height: 38px; } </style> </head> <body style="margin: auto"> <!--margin外边距,默认居中--> <div class="header"> <div style="width: 980px;margin: 0 auto;"> <!--margin后面如果只有两个参数的话,第一个表示top和bottom,第二个表示left和right 因为0 auto,表示上下边界为0,左右则根据宽度自适应相同值(即居中)--> <div style="float: left;">收藏本站</div> <div style="float: right;"> <a>登录</a> <a>注册</a> </div> <div style="clear: both"></div> </div> </div> </body> </html>
CSS基础(7.初识margin)
最新推荐文章于 2021-10-05 15:10:31 发布