Question

我看到很多插入文字，但没有一个是白色的。我希望有蓝色背景的白色插入文本。怎么做？

这是我到目前为止所做的，但似乎无法将文字插入（也见下面的小提琴）。

HTML：

<body>
  <div>
    <h1><a href=#>H</a>
    E
    L
    L
    O
    </h1>
  </div>
</body>

CSS：

    body {
        font-family: 'Sigmar One', cursive;
        font-size: 100px;
        color: white;
        text-shadow: 4px 4px 4px #000;

        background-color:#0047B2;

        width: 100%;
        height: 100%;
        margin: 0;
    }


    div {
        position:absolute; 
        height:100%; 
        width:100%;
        display: table;
    }

    h1 {
        display: table-cell;
        vertical-align: middle;
        text-align:center;
    }

    a:visited, a:hover, a:active {
        text-decoration: none;
        color: white;
    }

    a:link {
        text-decoration: none;

        text-shadow: 0px 2px 3px rgba(255,255,255,.25);
        -webkit-background-clip: text;
           -moz-background-clip: text;
                background-clip: text;
    }

    a:hover {
        text-shadow: 4px 4px 4px #000;
        color: white;
    }

http://jsfiddle.net/8Huu7/1/

Answer 1

我会使用绘画程序并将背景设为蓝色，然后将白色文本添加到背景中并保存图像，然后将该图像用作网页的背景。

不应该那么难。

例如body background =“background1.png”

白色插页文本在蓝色背景中

1 个答案: