十七:图片与文字的设计
2018-06-07 本文已影响0人
rtrhhthth
1.如下面的图片
image.png输出代码如下:
image.png image.png2.如下面的图片
image.png
代码实现结果:
<!DOCTYPE html>
<html>
<head>
<title>雪碧图作业</title>
<meta charset="utf-8" />
<style type="text/css">
.cc{
display: block;
width: 100px;
height: 100px;
background-image: url(www.jpg);
background-position: -315px -185px;
}
</style>
</head>
<body>
<a href="#" class="cc"></a>
</body>
</html>