ホームページ > 記事 > ウェブフロントエンド > スタイルを探しています master_html/css_WEB-ITnose
スタイルを探しています master_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:25:571094ブラウズ
headsこのようなヘッダーを書く方法は？
簡単な HTML と CSS を書くことはできませんか?
http://qinya.iteye.com/blog/1836637jsをお借りします
主にテーブルヘッダーのスラッシュの書き方ですが、JSやCSSも使えます
もっと邪悪な書き方:
.box{position:relative;width:200px;height:200px;}.bg{position:absolute;left:0;bottom:0;width:0;height:0;border:100px solid #000;border-top-color:transparent;border-right-color:transparent;z-index:1;}.bg1{position:absolute;left:0;bottom:0;width:0;height:0;border:99px solid #fff;border-top-color:transparent;border-right-color:transparent;z-index:2;}.txt1{position:absolute;right:0;top:0;width:100px;height:100px;line-height:100px;text-align:center;z-index:3;}.txt2{position:absolute;left:0;bottom:0;width:100px;height:100px;line-height:100px;text-align:center;z-index:3;}</style><div class="box"> <div class="bg"></div> <div class="bg1"></div> <div class="txt1">项目</div> <div class="txt2">各区</div></div> スラッシュを使用できます 背景画像または CSS3 を使用できます 3 つの方法: 1. 写真を使用する、2. CSS3 2D 変換 3. テキストアイコン、スラッシュフォントとして挿入します。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。