如何使用CSS將文本陰影添加到我的表格

我有一個使用表格like this的設計。如何使用CSS將文本陰影添加到我的表格

就像標題圖片一樣，我想在黑色表格內的文字上添加一個不錯的光暈。

我試着搜索關於CSS文本陰影的網絡（例如this article on CSS text-shadow）。

但是，當我將它們放入我的頁面時，似乎無法讓它們在表格中工作，或者根本無法使用它們。

不知道我在做什麼錯。

來源

2013-01-16 user1983477

「不知道我做錯了。」 - 我也不。發佈你的代碼，否則很難提供幫助。 –

不知道要發佈多少東西，但您可以在這裏查看源代碼：http://www.crossroad-design.com/ – user1983477

我已經拿出了該頁面上的文本陰影的CSS顯然是因爲它不是'不工作。但我是一個新手（我通常使用WordPress，elgantthemes等），所以我想也許我只是把文字陰影CSS代碼放在錯誤的地方？我把它放在標題區域，在那裏我有桌子上的東西。 – user1983477

你必須使用「text-shadow」（即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>

來源

2013-01-16 12:26:03 Salaros

如何使用CSS將文本陰影添加到我的表格

回答

相關問題