码迷,mamicode.com
首页 > 其他好文 > 详细

<div> 如何布局两个标签的布局

时间:2015-10-30 18:29:20      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:

  想做一个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 ;"(内层离外层的距离)

<div> 如何布局两个标签的布局

标签:

原文地址:http://www.cnblogs.com/wolf-miaoqing/p/4923685.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!