加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
样式.css 2.17 KB
一键复制 编辑 原始数据 按行查看 历史
李婉仪 提交于 2019-06-12 23:56 . 写入此次网页设计的各个样式
@media screen and (min-width:200px ) {
body{
background-color: aliceblue;
width: 100%;
}
.waikuang {margin:5px;
padding:20px;
max-width:1400px;
max-height:200px;
background-color:#111111;
display:flex;
align-items: center;
justify-content: center;
box-shadow: 0px 3px 5px #444;}
.logo1{height:34px;
width:auto;
vertical-align: middle;}
.waikuang1{margin:5px;
padding:20px;
max-width:1400px;
max-height:200px;
background-color:#111111;
display: flex;
justify-content: space-between;
box-shadow: 0px 3px 5px #444;}
.daohang {color: white;
display: flex;}
.picturekuang{margin:5px;
padding:20px;
max-width:1400px;
max-height:500px;
display: flex;
align-items: center;
justify-content: center;}
.picture1{height:500px;
width:1400px;
margin:10px;
padding:10px;
vertical-align: middle;
display: flex;}
.wangyeshuoming{margin-top: 50px;
text-indent: 2em;
padding-top: 2%;
padding-bottom: 2%;
font-size: 1.2em;
line-height: 1.5em;
color: #666666;}
.tubiao{margin: 2% auto;
width: 100%;
overflow: hidden;
text-align: center;}
.shipin{display: flex;
flex-wrap: wrap-reverse;
white-space: wrap;
margin: auto;
justify-content: space-around;}
.daibiaotu{position:static;
width: 33rem;
background: aliceblue;
border-radius: 45px;
box-shadow: 0 2px 30px #111111;
box-sizing:border-box;
padding: 25px;
margin: 2% 2%;
text-align: center;
display: inline-block;}
.daibiaotu:hover{box-shadow: 7px 7px 7px #E3E3E3;
transform: scale(1.1)}
.daibiaotu img{max-width:100%}
}
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化