用户:Sam0324/Sandbox.css:修订间差异
来自Limbo Wiki
小无编辑摘要 |
小无编辑摘要 |
||
第17行: | 第17行: | ||
display: inline-block; | display: inline-block; | ||
width:200px; | width:200px; | ||
margin-left: | margin-right:10px; | ||
margin-left:10px; | |||
height:6em; | height:6em; | ||
background-image: linear-gradient(rgba(120,128,135,0), rgba(120,128,135,1)); | background-image: linear-gradient(rgba(120,128,135,0), rgba(120,128,135,1)); | ||
第24行: | 第25行: | ||
} | } | ||
.frame{ | .frame{ | ||
width: | width:220px;/*450-*/ | ||
margin:0 auto; | margin:0 auto; | ||
padding-top: 30px; | |||
padding-bottom: 30px; | |||
} | } | ||
@media screen and (max-width: | @media screen and (max-width:450px) { | ||
.frame{ | .frame{ | ||
width: | width:440px; | ||
} | |||
} | |||
@media screen and (max-width:670px) { | |||
.frame{ | |||
width:660px; | |||
} | |||
} | |||
@media screen and (max-width:890px) { | |||
.frame{ | |||
width:880px; | |||
} | } | ||
} | } |
2022年3月19日 (六) 14:23的版本
.body { padding:10px; width:auto; height:100vh; background-color:black; } .data { margin:0 auto; width:100%; border:5px solid white; } .chapter { background-image: linear-gradient(rgba(128,128,128,0), rgba(128,128,128,1)); background-color: black; } .button { display: inline-block; width:200px; margin-right:10px; margin-left:10px; height:6em; background-image: linear-gradient(rgba(120,128,135,0), rgba(120,128,135,1)); color:white; border-bottom:3px solid white; } .frame{ width:220px;/*450-*/ margin:0 auto; padding-top: 30px; padding-bottom: 30px; } @media screen and (max-width:450px) { .frame{ width:440px; } } @media screen and (max-width:670px) { .frame{ width:660px; } } @media screen and (max-width:890px) { .frame{ width:880px; } }