用邊框線來摸擬斜線，我們知道，如果將一個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;}