テキストは、背景画像を設定与えるために透明になりますテキストの色を設定します。
<!DOCTYPE HTML > < HTML LANG = "EN" > < 頭> < メタ文字コード= "UTF-8" > < タイトル>ドキュメント</ タイトル> < スタイルタイプ= "テキスト/ cssの" > ボディ{ マージン:0PX 。 パディング:0PX 。 フォントファミリ:「黑体」。 背景:赤; -sizeフォント:200pxの、 テキスト変換:大文字; / * テキストの場合に定義され、大文字のみUPPERCASE * / フォントの太さ:900px ; / * 900〜100から、テキストの厚さを定義* / 文字間隔:1ピクセル; / * 文字間隔設定* / 位置:絶対; トップ:50%; 左:50%; 変換:(-50%-50%)翻訳を、 / * ポジション&変換:要素をセンタリング達成するために、ブロック20の(-50%-50%)の割合を翻訳* / マージン:0 ; 背景:URL(1.JPG)50%50%; / * 背景画像のサイズとパスのサイズ* / 背景サイズ:カバー; / * この時点では、画像のアスペクト比のままになります* / / * 画像が位置エリアをカバーする完全にバックグラウンドの最小サイズにスケーリングされます。* / -webkit-テキストフィル色:透明; / * テキスト塗りつぶしの色が指定したテキストは、塗りつぶしの色、透明透明提供される* / -webkit-背景クリップ:テキスト; / *をテキスト領域を描画する背景には、テキストがの形にカット* / } </ スタイル> </ ヘッド> < 身体> < のH1 >それをやって</ のH1 > </ ボディ> </ HTML >
レンダリング: