gpt4 book ai didi

html - 如何使用 CSS 向我的表格添加文本阴影

转载 作者:行者123 更新时间:2023-11-28 13:24:15 24 4
gpt4 key购买 nike

我有一个使用表格的设计 like this .

就像标题图片一样,我想在黑色表格内的文本周围添加漂亮的光晕。

我尝试在网上搜索有关 CSS 文本阴影的信息(例如 this article on CSS text-shadow)。

然而,当我将它们放入我的页面时,我似乎无法让它们在表格内工作,或者根本无法工作。

不确定我做错了什么。

最佳答案

您必须使用“文本阴影”(即文本阴影:2px 2px 5px #999;)看一下参数定义here .这是代码,您也可以在这里尝试:http://jsfiddle.net/Salaros/EczY5/82/

<html>
<head>
<style>
html, body {
width: 100%;
height: 100%;
text-align: center;
}
body {
background-color: #000;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAO0lEQVQYlWNgYGD4TyRGcIx1jeEYp0JkRTgUM8AF0RWhKUYVwMVmwGUtFutR3YjOJs8z6B7C4j7iFQIAm8p5b8pC31AAAAAASUVORK5CYII=
) repeat;
}
div#wrapper {
margin: auto;
width: 50%;
min-height: 100%;
background-color: #000;
box-shadow: 15px 0px 10px -5px #888, -15px 0px 10px -5px #888;
}
div#wrapper p {
font-size: 25px;
color: #FFF;
text-shadow: 2px 2px 5px #999;
}
</style>
</head>
<body>
<div id="wrapper">
<br />
<p>Here you go!</p>
<a href="http://stackoverflow.com/questions/14357596/how-to-add-a-text-shadow-to-my-table-using-css">Go back to the question</a>
</div>
</body>
</html>

关于html - 如何使用 CSS 向我的表格添加文本阴影,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14357596/

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