萬盛學電腦網 >> 網頁制作 >> Html5 >> html表格斜線介紹
html表格斜線介紹
我們為大家收集整理了關於html表格斜線，以方便大家參考。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>用div+css模擬表格對角線</title><style type="text/css">table{ border-collapse:collapse;border:1px #525152 solid;width:90%;margin:0 auto;margin-top:100px;}th,td{border:1px solid #525152;text-align:center;font-size:12px;line-height:30px;background:#C6C7C6;}th{background:#D6D3D6;}/*模擬對角線*/.out{border-top:25em #D6D3D6 solid;/*上邊框寬度等於表格第一行行高*/border-left:80px #BDBABD solid;/*左邊框寬度等於表格第一行第一格寬度*/position:relative;/*讓裡面的兩個子容器絕對定位*/}b{font-style:normal;display:block;position:absolute;top:-23em;left:-75px;width:80px;}em{font-style:normal;display:block;position:absolute;top:-40px;left:-90px;width:80px;}.assessDetail td{background-color: #FFF;}</style></head><body><table><tr><th style="width:80px;" rowspan="3"><div class="out">
希望大家可以學會html表格斜線想了解更多精彩內容，請關注我們的網站!
相關推薦：
html表格線顏色是什麼呢
- 上一頁:html表格中換行的方法是什麼呢
- 下一頁:html表格線顏色是什麼呢
Html5排行
程序編程推薦
相關文章
copyright © 萬盛學電腦網 all rights reserved