萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> html表格斜線怎麼做

html表格斜線怎麼做

大家知道html表格斜線嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗,在此拿出來與大家分享下,請大家互相指正。在html、jsp中經常用到table,但在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>

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

相關推薦:

html表格特效立體表格的代碼 

copyright © 萬盛學電腦網 all rights reserved