                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

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

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

小皮鞋

2016-12-04

源自：初识HTML(5)+CSS(3)-升级版 7-3

关注问题我要回答

1825

操作

收起

5 回答

weibo_对方拒绝您的请求_0 回答被采纳 +3 积分
2016-12-04

div1{float:left;}
div2{float:right}

0 回复有任何疑惑可以回复我~

凌V寒
2016-12-04

<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>

0 回复有任何疑惑可以回复我~

慕尼黑9816622
2016-12-04

<div>

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

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

</div>

然后在样式中插入

.test{

margin: 20px;

}

0 回复有任何疑惑可以回复我~

小皮鞋提问者
2016-12-04

可以再说的详细点吗

0 回复有任何疑惑可以回复我~

#1

weibo_对方拒绝您的请求_0

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

2016-12-04 回复有任何疑惑可以回复我~

guobiao_hf
2016-12-04

使用margin元素属性

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

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

参与学习 1225792 人
解答问题 18234 个

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

本课相似问答

2 回答左右左右左右左右左右左右左右左右

2 回答要想把文字写成四列咋做

3 回答填充代码一定要上右下左排列吗？

4 回答要想把图片放在一行里，如何做

1 回答这行代码如何缩写

搜索更多本课相关问答

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

我要回答关注问题

意见反馈帮助中心 APP下载