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
>
