.boxsizingBorder {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
CSS
#box {
height: 90px;
line-height: 90px;
}
background-size: 50% 50%;
不过不是所有浏览器都支持的。
div { height:100vh; }
说明:vh是viewport height,单位是%,如果前面不是100而是1,就表示窗口高度的1%。据说所有浏览器都支持。
background: #6cab26;
background-image: url(IMAGE_URL); /* fallback */
background-image: url(IMAGE_URL), -webkit-gradient(linear, left top, left bottom, from(#6cab26), to(#6ceb86)); /* Saf4+, Chrome */
background-image: url(IMAGE_URL), -webkit-linear-gradient(top, #6cab26, #6ceb86); /* Chrome 10+, Saf5.1+ */
background-image: url(IMAGE_URL), -moz-linear-gradient(top, #6cab26, #6ceb86); /* FF3.6+ */
background-image: url(IMAGE_URL), -ms-linear-gradient(top, #6cab26, #6ceb86); /* IE10 */
用CSS实现:
textarea.fooClass { resize: none; }
<div>
<img style="width:30px;height:60px;vertical-align:middle">
<span style="">Works.</span>
</div>
#triangle-up {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
}
相关链接:怎样用CSS画圆
background-color:rgba(255,0,0,0.5);
不能用opacity
opacity: 0.5
相关链接:CSS怎样做背景半透明但文字不透明效果
热门内容
最新内容
- 1 day 4 hours ago
- 2 days 5 hours ago
- 1 week 2 days ago
- 4 weeks ago
- 4 weeks ago
- 4 weeks ago
- 1 month 2 weeks ago
- 1 month 3 weeks ago
- 2 months 2 weeks ago
- 2 months 2 weeks ago
最新评论