1

このタイプのテキストのシャドウ/インデントを作成するスタイルのCSSまたはtutを知っている人はいますか?

CSSテキストのシャドウ/インデントのGoogle検索では、それが表示されません...

画像をインラインで投稿できなかったので、ここに直接リンクがあります: http://i.minus.com/ibr0BdDsx0IaBT.png

4

5 に答える 5

2

そのための CSS は次のようになります。

text-shadow: -1px -1px rgba(0, 0, 0, 0.6);

リンク: http://www.w3schools.com/cssref/css3_pr_text-shadow.asp

于 2012-08-09T19:56:27.897 に答える
1 
text-shadow: 2px 2px 2px #000;

意味

text-shadow: x-position y-position shadow-size shadow-color;
于 2012-08-09T19:57:46.843 に答える
0

スクリーンショットがFireBugからのものであるページを見ると、効果が次のように作成されていることがわかります。

#footer-wrap #footer .foot-col {
    text-shadow: 0 1px 0 #FFFFFF;
}
于 2012-08-09T20:00:18.523 に答える
0

完全な CSS3 シャドウ tut と多くの例 - http://bit.ly/WKd65x

于 2012-11-09T11:31:44.603 に答える
0

これはあなたのために働くかもしれません

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
    color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}
</style>
</head>
<body>

<h1>Text-shadow effect!</h1>

<p><b>Note:</b> Internet Explorer 9 and earlier versions, do not support the text-shadow property.</p>

</body>
</html>

ソースは次のとおりです: CSS Text & Font Properties

于 2015-06-12T07:01:35.327 に答える