萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 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表格線顏色是什麼呢 

copyright © 萬盛學電腦網 all rights reserved