不知道为啥诶,老说我写错了

来源:3-2 CSS3颜色 渐变色彩 

无无法师

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>

http://img.mukewang.com/58be259d0001cacd09500574.jpg

写回答 关注

1回答

  • 茶白
    2017-03-07 11:40:30
    已采纳

    到左上角应该是to top left

    background-image:linear-gradient(to top left,red,orange,yellow,green,blue,indigo,violet);

    希望帮助到你!

    无无法师

    非常感谢!

    2017-03-07 18:10:44

    共 1 条回复 >

十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242554 学习 · 2623 问题

查看课程

相似问题