ホームページ >ウェブフロントエンド >htmlチュートリアル >スタイルを探しています master_html/css_WEB-ITnose
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 を使用できます