无无法师
2017-03-07 11:15
<!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:linear-gradient(to top right,red,orange,yellow,green,blue,indigo,violet); } </style> </head> <body> <p>右下角向左上角的线性渐变背景</p> </body> </html>
到左上角应该是to top left
background-image:linear-gradient(to top left,red,orange,yellow,green,blue,indigo,violet);
}
希望帮助到你!
十天精通CSS3
242554 学习 · 2623 问题
相似问题