補 div漸變色條

2022-08-05 11:33:13 字數 2042 閱讀 4689

1

doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" ""

>

2<

html

xmlns

="">

3<

head

>

4<

meta

http-equiv

="content-type"

content

="text/html; charset=utf-8"

/>

5<

title

>div效果圖

title

>

6<

style

type

="text/css"

>

/*使用內嵌式樣式表css*/7

.d/*

定義一個class,設定共同屬性*/8

14#d1

/*定義一個id名字叫做d1的樣式表

*/15

18#d1:hover

/*定義滑鼠懸浮在引用d1樣式的div上的樣式

*/19

24#d2

2528

#d2:hover

2933

#d334

37#d3:hover

3842

#d443

46#d4:hover

4751

#d552

55#d5:hover

5660

#d661

64#d6:hover

6569

#d770

73#d7:hover

7478

style

>

79head

>

8081

<

body

>

82<

div

class

="d"

id="d1"

>

div>

83<

div

class

="d"

id="d2"

>

div>

84<

div

class

="d"

id="d3"

>

div>

85<

div

class

="d"

id="d4"

>

div>

86<

div

class

="d"

id="d5"

>

div>

87<

div

class

="d"

id="d6"

>

div>

88<

div

class

="d"

id="d7"

>

div>

89body

>

90html

>

執行效果圖