为了账号安全,请及时绑定邮箱和手机立即绑定

css使用线性渐变属性没有用是怎么回事

css使用线性渐变属性没有用是怎么回事

BIG阳 2019-03-11 08:08:51
css使用线性渐变属性没有用是怎么回事
查看完整描述

2 回答

?
猛跑小猪

TA贡献1858条经验 获得超8个赞


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8" />

<title>linear-gradient/title>

<style>

div {

    width: 200px;

    height: 100px;

    margin-top: 10px;

    border: 1px solid #ddd;

}

.test {

    background: linear-gradient(#fff, #333);

}

.test2 {

    background: linear-gradient(#000, #f00 50%, #090);

}

.test3 {

    background: linear-gradient(0deg, #000 20%, #f00 50%, #090 80%);

}

.test4 {

    background: linear-gradient(45deg, #000, #f00 50%, #090);

}

.test5 {

    background: linear-gradient(to top right, #000, #f00 50%, #090);

}

</style>

</head>

<body>

<div class="test"></div>

<div class="test2"></div>

<div class="test3"></div>

<div class="test4"></div>

<div class="test5"></div>

</body>

</html>


 


查看完整回答
反对 回复 2019-03-19
  • 2 回答
  • 0 关注
  • 909 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信