gpt4 book ai didi

html - 蓝色背景中的白色嵌入文本

转载 作者:太空宇宙 更新时间:2023-11-03 18:38:28 24 4
gpt4 key购买 nike

我看到很多插入文字,但没有一个是白色的。我想要带有蓝色背景的白色插入文本。它是怎么做到的?

这是我目前所拥有的,但似乎无法插入文本(另请参见下面的 fiddle )。

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/

最佳答案

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

应该没有那么难。

例如 body background="background1.png"

关于html - 蓝色背景中的白色嵌入文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18167388/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com