大家知道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表格特效立體表格的代碼
/*對角錢矩形寬度為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}