css怎么實(shí)現(xiàn)表格實(shí)線

發(fā)布時(shí)間：2021-08-07 20:11:10 來(lái)源：億速云閱讀：149 作者：chen 欄目：開(kāi)發(fā)技術(shù)

本篇內(nèi)容主要講解“css怎么實(shí)現(xiàn)表格實(shí)線”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“css怎么實(shí)現(xiàn)表格實(shí)線”吧!

利用在css設(shè)置表格實(shí)線：

代碼如下:

table{border-collapse:collapse;   /*表示將單元格中各小格之間的空隙進(jìn)行合并*/border:1px #00F solid;      /*定義邊框樣式*/}

示例：

<!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>    <title>無(wú)標(biāo)題頁(yè)</title><style>table { border-collapse: collapse; } table td {    border:1px solid #fff000;}</style></head><body> <table cellpadding="0">     <tr>        <td>First</td>        <td>Second</td>        <td>Three</td>     </tr>     <tr>        <td>第一</td>        <td>第二</td>        <td>第三</td>     </tr> </table></body></html>

到此，相信大家對(duì)“css怎么實(shí)現(xiàn)表格實(shí)線”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

向AI問(wèn)一下細(xì)節(jié)

css怎么實(shí)現(xiàn)表格實(shí)線

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽