如何布局两个标签的布局

时间:2022-10-24 19:22:50

  想做一个div的曾背景颜色是黄绿色,内部有<a>标签。

代码如下:

  

<div align="center" style=" width: 900px;height: 40px;margin: 0 0 10px 220px;">
   <div style="padding-top:10px  ;">
    <a style="margin-right: 20px;">我的主页</a>
    <a style="margin-right: 20px;">新闻头条 </a>
    <a style="margin-right: 20px;">电视剧 </a>
    <a style="margin-right: 20px;">最新电影 </a>
    <a style="margin-right: 20px;">小游戏 </a>
    <a style="margin-right: 20px;">小说大全 </a>
    <a style="margin-right: 20px;">旅游度假 </a>
    <a style="margin-right: 20px;">网上购物 </a>
    <a style="margin-right: 20px;">今日团购 </a>
   </div>

</div>

思路:将<a>标签一起放在一个层中,然后在外面在放一个<div>层,用到<div>属性 style=="padding-top:10px ;"(内层离外层的距离)