<samp id="c34bu"></samp>
課程
/前端開發
/HTML/CSS
/十天精通CSS3
css3徑向漸變怎么寫呢 ? 詳細
2016-05-08
源自：十天精通CSS3 3-2
正在回答
background: radial-gradient(#ace,?#f96,?#1E90FF);
更多可點擊查看： http://www.cnblogs.com/lhb25/archive/2013/02/24/css3-radial-gradient.html
radial-gradient();
<!DOCTYPE html>
<html>
<head>?
<meta charset="utf-8">
<title>Gradient</title>
<style type="text/css">
p {
? width: 400px;
? height: 150px;
? line-height: 150px;
? text-align:center;
? color: #000;
? font-size:24px;
? background-image:radial-gradient(circle closest-side, red, orange,yellow,green,blue,indigo,violet);
}?
</style>
</head>?
<body>
<p>右下角向左上角的線性漸變背景</p>
</body>
</html>
舉報
本課程為CSS3入門教程，深刻詳解CSS3知識讓網頁穿上絢麗裝備
1 回答徑向漸變怎么寫？
1 回答css3中線性和徑向漸變不是說背景顏色漸變么。
2 回答徑向漸變？
1 回答徑向漸變效果
1 回答經向漸變的語法
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-01-16
background: radial-gradient(#ace,?#f96,?#1E90FF);
更多可點擊查看： http://www.cnblogs.com/lhb25/archive/2013/02/24/css3-radial-gradient.html
2016-05-08
radial-gradient();
2016-05-08
<!DOCTYPE html>
<html>
<head>?
<meta charset="utf-8">
<title>Gradient</title>
<style type="text/css">
p {
? width: 400px;
? height: 150px;
? line-height: 150px;
? text-align:center;
? color: #000;
? font-size:24px;
? background-image:radial-gradient(circle closest-side, red, orange,yellow,green,blue,indigo,violet);
}?
</style>
</head>?
<body>
<p>右下角向左上角的線性漸變背景</p>
</body>
</html>