html表格斜線的制作方法是什麼

大家知道html表格斜線嗎?下面我們就給大家詳細介紹一下吧!

該方法，實現的不是純粹的在table中畫斜線，而是實現兩種顏色的對比，實現出有斜線的感覺：

<style>

/*對角錢矩形寬度為50，高度為100，分別對應border-top和border-left兩個屬性來設定*/

.d1{border-top:100px threedlightshadow solid;border-left:120px windowframe solid;width:0;height:0;position:relative;color:#FFF}

span{display:block;width:40px}

.s1{position:absolute;top:-70px;left:-44px;color:black;}

.s2{position:absolute;bottom:8px;right:55px}

</style>

<div class="d1">

<span class="s1">專業</span>
<span class="s2">項目</span>
</div>

相信大家已經學會html表格斜線了吧!感謝大家對我們網站的支持!

相關推薦：

html表格邊框樣式代碼介紹