CSS制作表格對角線的方法
2011/1/6 15:09:21
用邊框線來摸擬斜線,我們知道,如果將一個DIV的邊框線設置得足夠?qū)挷⒍x了不同的顏色時,其相鄰的兩條邊框線交界處就是斜線。知道了這個原理,我們就可以用border-left和border-top來模擬出斜線的效果。
我們先創(chuàng)建一個結構:
<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;}
返回列表
返回首頁
主站蜘蛛池模板:
国产国产精品人在线视|
成人短视频完整版在线播放|
国产精品线在线精品国语|
中文在线天堂网|
日韩三级免费电影|
亚洲另类专区欧美制服|
热re99久久国产精品|
免费高清在线影片一区|
色戒7分27秒大尺度在线|
国产成人一区二区三区视频免费|
万古战神txt下载|
日本漫画全彩口工漫画绅士|
亚洲丰满熟女一区二区v|
波多野结衣在线看片|
国产亚洲欧美日韩v在线|
色婷婷天天综合在线|
国产麻豆精品手机在线观看|
ol丝袜高跟秘书在线观看视频|
成年人在线免费看|
久久亚洲精品无码AV红樱桃|
月夜直播手机免费视频高清|
又大又粗好舒服好爽视频|
韩国全部三级伦电影在线播放|
大又大又粗又硬又爽少妇毛片|
三年片在线观看免费观看大全中国
|
亚洲av无码国产精品麻豆天美
|
国产成人综合久久|
足恋玩丝袜脚视频免费网站|
国产高清在线观看|
99精品全国免费观看视频|
宝贝过来趴好张开腿让我看看|
中文字幕日韩人妻不卡一区|
日本全套xxxx按摩|
久久天天躁狠狠躁夜夜|
晓雪老师下面好紧好湿|
亚洲av永久无码|
欧美巨大黑人hd|
亚洲成人高清在线观看|
污污的软件下载|
国产一区二区三区乱码在线观看|
黄网站色成年片大免费高清|