设为首页
收藏本站
开启辅助访问
请
登录
后使用快捷导航
没有帐号?
立即注册
首页
课程设置
平面设计
室内设计
机械设计
园林景观设计
影视后期制作
论坛
老师加盟
登录
|
注册
搜索
搜索
本版
帖子
用户
快捷导航
室内设计学院
论坛
BBS
论坛
›
学院
›
平面设计学院
›
老师,我这里加了浮动,后图片怎么没有显示全部? ...
返回列表
lori棒棒糖
11
主题
12853
帖子
12908
积分
版主
积分
12908
加为好友
发送消息
访问家园
1
374
电梯直达
[提问]
老师,我这里加了浮动,后图片怎么没有显示全部?
雾空
|
注册会员
|
勤币 169
|
学币 0
发表于 2018-2-10 19:15
|
复制链接
|
打印
|
上一主题
|
下一主题
html+css网页前端课程
-
3.2.背景样式的应用-模拟小米5页面
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>临摹</title>
<style>
* {
margin: 0;
padding: 0;
font-family: "微软雅黑", "黑体";
}
.box {
height: 1045px;
background-position: center center;
background-repeat: no-repeat;
background-size: auto 1045px;
}
.box1 {
background-image: url(image/1.jpg);
background-position: 50% 50%;
}
.box2 {
background-image: url(image/2.jpg);
background-position: 50% bottom;
}
.l{ float:left;}
.r{ float:left;}
.box3 .out {
height:350px;
background: no-repeat url(image/3.1.jpg);
background-size:70%;
}
.box3 .out1{ height:350px;
background: no-repeat url(image/3.2.jpg);
background-size:70%;}
</style>
</head>
<body>
<div class="box box1">
<div class="subtirle"> 红米5 / 红米5 Plus</div>
<h2>千元全面屏</h2>
<p>¥799起</p>
</div>
<div class="box box2">
<div class="subtirle">新一代手机屏幕标准</div>
<h2>18:9 全面屏</h2>
<p>定制 5.99" 大屏,圆角屏幕设计,圆润、优雅,<br/>
与机身设计相得益彰,屏幕点亮瞬间绚丽夺目。</p>
</div>
<div class="box box3">
<h2>玩游戏<br/>
视野更广,先发制胜</h2>
<p>比 16:9 的手机显示区域更多,提前发现敌人位置,助你一击制胜。</p>
<div class="l"><div class="out"></div><p>16:9 屏幕比例 5.5" 传统手机</p></div>
<div class="r"><div class="out1"> </div><p>18:9 屏幕比例 5.99" 红米5 Pl</p>us</div>
</div>
<div class="box box4">
<div class="subtirle"></div>
<h2></h2>
<p></p>
</div>
<div class="box box5">
<div class="subtirle"></div>
<h2></h2>
<p></p>
</div>
<div class="box box6">
<div class="subtirle"></div>
<h2></h2>
<p></p>
</div>
<div class="box box7">
<div class="subtirle"></div>
<h2></h2>
<p></p>
</div>
<div class="box box8">
<div class="subtirle"></div>
<h2></h2>
<p></p>
</div>
<div class="box box9">
<div class="subtirle"></div>
<h2></h2>
<p></p>
</div>
</body>
</html>
本帖子中包含更多资源
您需要
登录
才可以下载或查看,没有帐号?
立即注册
x
点赞
26
哪些同学觉得很赞!
lori棒棒糖
觉得很赞
昵昵妹
觉得很赞
潜意式
觉得很赞
龙猫1212
觉得很赞
大大大表哥
觉得很赞
依仔101
觉得很赞
西卡
觉得很赞
一品数码
觉得很赞
热爱生活热爱家
觉得很赞
我叫大帅比
觉得很赞
举报
使用道具
|
回复
共1个回复 最后回复于 2018-2-11 16:01
lori棒棒糖
积分
12908
11
主题
12853
帖子
12908
积分
版主
积分
12908
加为好友
发送消息
访问家园
lori棒棒糖
版主
勤币 13901
学币 196
沙发
发表于 2018-2-11 16:01:04
|
只看该作者
亲~你使用的是什么版本的浏览器?如果是ie8应该是浏览器兼容的问题~
举报
使用道具
回复
支持
反对
返回列表
B
Color
Image
Link
Quote
Code
Smilies
高级模式
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
快速回复
返回顶部
返回列表