为啥不显示外阴影

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

qq_薛程程_03691123

2016-08-20 10:29

<!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 left,#fff,#999,red,green,blue,pink);
  border: 20px solid pink;
  box-shadow:20px,20px,20px,red;
  }
</style>
</head>
<body>
  <p>右下角向左上角的线性渐变背景</p>
</body>
</html>

写回答 关注

2回答

  • 童超
    2016-08-20 11:29:38

    box-shadow中用空格隔开不要用逗号

    qq_薛程程...

    谢谢啊

    2016-08-20 13:58:24

    共 1 条回复 >

  • 古月风3584153
    2016-08-20 11:25:34

    你把  box-shadow:20px,20px,20px,red;改成box-shadow:20px 20px 20px red;就行了。

    qq_薛程程...

    谢谢啊

    2016-08-20 13:59:22

    共 1 条回复 >

十天精通CSS3

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

242554 学习 · 2623 问题

查看课程

相似问题