渐变如何实现?
div {
background: linear-gradient(35deg, #b45959, #FFCCCC, rgb(92, 92, 201));
border-radius: 20px;
width: 70%;
height: 400px;
margin: 50px auto;
}
饼图
<style>
.box{
width: 100px;
height: 100px;
border-radius: 50%;
background: rgb(155, 211, 52);
background-image: linear-gradient(to right,transparent 50%, rgb(56, 149, 172) 0);
}
</style>
<body>
<div class="box"></div>
</body>
隐藏滚动条
<style>
* {
margin: 0;
padding: 0;
}
body {
padding: 15px;
color: #324b64;
}
.text{
width: 375px;
overflow: scroll;
}
/* Key Style */
.box-hide-scrollbar::-webkit-scrollbar {
display: none; /* Chrome Safari */
}
.text> div {
margin-bottom: 15px;
padding: 10px;
background-color: #f5f6f9;
border-radius: 6px;
font-size: 12px;
width: 750px;
}
</style>
<body>
<div class="text">
<div>
一切都像刚睡醒的样子,欣欣然张开了眼。山朗润起来了,水涨起来了,太阳的脸红起来了。
小草偷偷地从土里钻出来,嫩嫩的,绿绿的。园子里,田野里,瞧去,一大片一大片满是的。坐着,躺着,
</div>
</div>
<div class="text box-hide-scrollbar">
<div>
一切都像刚睡醒的样子,欣欣然张开了眼。山朗润起来了,水涨起来了,太阳的脸红起来了。
小草偷偷地从土里钻出来,嫩嫩的,绿绿的。园子里,田野里,瞧去,一大片一大片满是的。坐着,躺着,
</div>
</div>
</body>