想要做成左右结构,如何写代码

来源:7-3 瞧瞧css的庐山真面目吧 - CSS代码语法

小皮鞋

2016-12-04 16:51

做成左右结构,俩个背景图片中间有空隙

写回答 关注

5回答

  • weibo_对方拒绝您的请求_0
    2016-12-04 16:59:06
    已采纳
    div1{float:left;}
    div2{float:right}


  • 凌V寒
    2016-12-04 17:38:36
    <style type="text/css">
    div{height:200px;width:100%;}
    .d1{
    	width:49%;
    	float:left;
    	background-image:url(xxxxxxx1)
    }
    .d2{
    	width:49%;
    	float:right;
    	background-image:url(xxxxx2)
    	}
    </style>
    
    <div>
        <div class="d1"></div>
        <div class="d2"></div>
     </div>


  • 慕尼黑9816622
    2016-12-04 17:07:34

    <div>

    <img src="1.jpg" class="test">

    <img src="2.jpg" class="test">

    </div>

    然后在样式中插入

    .test{

    margin: 20px;

    }


  • 小皮鞋
    2016-12-04 17:01:23

    可以再说的详细点吗

    weibo_...

    就是运用CSS布局模型里的 float模型 使两个模块左右分布 这也是我刚学的,不知道能不能帮到你。。。。

    2016-12-04 17:04:18

    共 1 条回复 >

  • guobiao_hf
    2016-12-04 16:58:21

    使用margin元素属性

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225811 学习 · 18234 问题

查看课程

相似问题