CSS制作表格對角線的方法
2011/1/6 15:09:21
用邊框線來摸擬斜線,我們知道,如果將一個DIV的邊框線設置得足夠寬并定義了不同的顏色時,其相鄰的兩條邊框線交界處就是斜線。知道了這個原理,我們就可以用border-left和border-top來模擬出斜線的效果。
我們先創建一個結構:
<div class="out">
<b>類別</b>
<em>姓名</em>
</div>
我們用<div class="out">作為對角線的容器,我們來設置斜線樣式,關鍵代碼如下:
.out{
border-top:40px #D6D3D6 solid;
width:0px;
height:0px;
border-left:80px #BDBABD solid;
position:relative;
}
<b>和<em>兩個標簽來設置兩個分類,分別將它們設置為塊狀結構display:block;清除其默認的字體樣式font-style:normal;因其父容器設置了相對定位,所以設置其為絕對定位,這樣可以將它偏移到你想指定的位置了。
b{font-style:normal;display:block;position:absolute;top:-40px;left:-40px;width:35px;}
em{font-style:normal;display:block;position:absolute;top:-25px;left:-70px;width:55x;}
返回列表
返回首頁
主站蜘蛛池模板:
在线毛片免费观看|
最近中文字幕国语免费完整
|
久久精品久久精品|
欧美深夜福利视频|
女人的精水喷出来视频|
亚洲欧美另类综合|
精品国产一区二区三区色欲|
国产在线19禁免费观看国产|
手机看片福利永久国产日韩|
在线播放国产一区二区三区|
一区二区网站在线观看|
无码丰满少妇2在线观看|
久久精品国产大片免费观看|
欧美性受xxxx|
亚洲色偷偷av男人的天堂|
精品无码av无码专区|
国产亚洲美女精品久久久|
国产主播在线播放|
国产精品成人网|
99riav视频国产在线看|
好男人在线社区www影视下载|
中文字幕无码视频专区|
日本护士撒尿xxxx18|
九九久久精品国产AV片国产|
欧美在线xxx|
亚洲欧美在线视频|
爽爽影院在线看|
免费在线不卡视频|
精品国产男人的天堂久久|
国产**aa全黄毛片|
被男按摩师添的好爽在线直播|
国产成人无码a区在线观看视频免费
|
成人性生话视频|
久久99精品久久久久久hb无码|
日韩一区二区三区精品|
久草资源站在线|
极品人体西西44f大尺度|
亚洲免费综合色在线视频|
欧美激情在线播放一区二区三区
|
老司机67194精品线观看|
国产中文欧美日韩在线|