不知道为啥诶,老说我写错了
<!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>