|
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
|
body{
background-color: #0078b3;
}
.image{
border: 1px solid darkgray;
width: auto;
height: auto;
float: left;
text-align: center;
margin: 5px;
}
img{
margin: 5px;
opacity: 1;
}
.text{
font-size: 12px;
margin-bottom: 5px;
}
a:hover{
background-color: aqua;
}
|
|
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
|
<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
title
>图片</
title
>
<
link
href
=
"style.css"
type
=
"text/css"
rel
=
"stylesheet"
>
</
head
>
<
body
>
<
div
class
=
"image"
>
<
a
href
=
"#"
target
=
"_self"
>
<
img
src
=
"2.jpg"
alt
=
"背景"
width
=
"200px"
height
=
"200px"
>
</
a
>
<
div
class
=
"text"
>一张背景图</
div
>
</
div
>
<
div
class
=
"image"
>
<
a
href
=
"#"
target
=
"_self"
>
<
img
src
=
"2.jpg"
alt
=
"背景"
width
=
"200px"
height
=
"200px"
>
</
a
>
<
div
class
=
"text"
>一张背景图</
div
>
</
div
>
<
div
class
=
"image"
>
<
a
href
=
"#"
target
=
"_self"
>
<
img
src
=
"2.jpg"
alt
=
"背景"
width
=
"200px"
height
=
"200px"
>
</
a
>
<
div
class
=
"text"
>一张背景图</
div
>
</
div
>
<
div
class
=
"image"
>
<
a
href
=
"#"
target
=
"_self"
>
<
img
src
=
"2.jpg"
alt
=
"背景"
width
=
"200px"
height
=
"200px"
>
</
a
>
<
div
class
=
"text"
>一张背景图</
div
>
</
div
>
</
body
>
</
html
>
|
本文转自yeleven 51CTO博客，原文链接:http://blog.51cto.com/11317783/1773195
