十七:图片与文字的设计

2018-06-07  本文已影响0人  rtrhhthth

1.如下面的图片

image.png

输出代码如下:

image.png image.png

2.如下面的图片


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>
上一篇 下一篇

猜你喜欢

热点阅读