美文网首页
十七:图片与文字的设计

十七:图片与文字的设计

作者: rtrhhthth | 来源:发表于2018-06-07 21:47 被阅读0次

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>

相关文章

  • 十七:图片与文字的设计

    1.如下面的图片 输出代码如下: 2.如下面的图片 代码实现结果:

  • 十九:图片与文字的设计

    如下面的图片(从上到下排列): ··· 输入代码如下结果: 外部样式代码如下:

  • 平面设计图片怎么配文字才好看

    本文由:“学设计上兔课网”原创,图片素材来自网络,仅供学习分享 平面设计图片怎么配文字才好看?给照片配上文字,与平...

  • P h o t o | 致 我 最 亲 爱 的 外 婆

    摄影/图片/设计/文字 ∞ SFarm

  • UI设计注意事项

    一、设计稿文字图片不要一样 刚做UI的时候,根本就没有注意设计稿文字图片要保持不一样。 我以为这些图片和文字都是后...

  • 十五:前端之图片与文字的设计

    如下面的图片: 代码的实现如下:

  • 如何进行长沙VI设计的构思

    VI设计是通过综合图片、色彩与文字等进行综合的视觉传达,使浏览者能够对设计内容进行清洗的记忆,VI设计是现代产品...

  • 图片与文字

    之前对于图片 我理解有些偏差 对于设计而言,我个人觉得图与文字同等重要。 图,可分为真实的照片,抽象的简化图,分析...

  • 文字与图片

    午饭前收到文素的信息,图文配字,说她代理的商品有无意间增加的客户,是她去年去西藏途中遇到的一个旅人。她和她没有过多...

  • 总述

    本文探讨的是如何完成一份平面设计。我们简单的把平面设计分文字较少,追求视觉效果的海报与文字图片较多,追求功能逻辑的...

网友评论

      本文标题:十七:图片与文字的设计

      本文链接:https://www.haomeiwen.com/subject/fgunsftx.html