0

このようなテーブルを使用したデザインがあります。

タイトル画像のように、その黒いテーブル内のテキストの周りに素敵な輝きを追加したいと思います.

CSS テキスト シャドウに関するネットを検索してみました (たとえば、CSS text-shadow に関するこの記事など)。

ただし、それらを自分のページに配置すると、それらをテーブル内で機能させることができないか、まったく機能しないようです。

私が間違っているのかわかりません。

4

1 に答える 1

0

「text-shadow」を使用する必要があります (つまり、text-shadow: 2px 2px 5px #999;)ここでパラメーター定義を見てください。ここにコードがあります。ここでも試すことができます: 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-16T12:26:03.980 に答える