怎么在html中設(shè)置表格邊框

怎么在html中設(shè)置表格邊框？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

十多年的通江網(wǎng)站建設(shè)經(jīng)驗，針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。營銷型網(wǎng)站建設(shè)的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整通江建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計，從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)從事“通江網(wǎng)站設(shè)計”,“通江網(wǎng)站推廣”以來，每個客戶項目都認(rèn)真落實執(zhí)行。

html有什么特點

1、簡易性：超級文本標(biāo)記語言版本升級采用超集方式，從而更加靈活方便，適合初學(xué)前端開發(fā)者使用。 2、可擴(kuò)展性：超級文本標(biāo)記語言的廣泛應(yīng)用帶來了加強(qiáng)功能，增加標(biāo)識符等要求，超級文本標(biāo)記語言采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來保證。 3、平臺無關(guān)性：超級文本標(biāo)記語言能夠在廣泛的平臺上使用，這也是萬維網(wǎng)盛行的一個原因。 4、通用性：HTML是網(wǎng)絡(luò)的通用語言，它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。

準(zhǔn)備一段表格的html代碼，通過該段代碼，顯示瀏覽器對table標(biāo)簽的默認(rèn)渲染。代碼如下：

<html>
<head>
<title></title>
</head>
<style>
</style>
<body>
<table class="mt">
    <tr>
         <th>col_1</th>
         <th>col_2</th>
         <th>col_3</th>
    </tr>
    <tr>
         <td>value_1</td>
         <td>value_2</td>
        <td>value_3</td>
   </tr>
</table>
</body>
</html>

怎么在html中設(shè)置表格邊框

為table設(shè)置內(nèi)邊框，可以看出table標(biāo)簽的默認(rèn)樣式是沒有邊框的。現(xiàn)在我們?yōu)閠able添加一個邊框，只需要在style標(biāo)簽添加如下代碼：

<style>
tr td,th{
border:1px solid red;
}
</style>

怎么在html中設(shè)置表格邊框

取消單元格間的空白，上一步驟中，雖然設(shè)置行內(nèi)的邊框，但是單元格之間的空白往往不是我們想要的，所以我們可以通過下面的代碼設(shè)置：

<style>
tr td,th{
border:1px solid red;
}
/*取消table標(biāo)簽中的單元格空白*/
.mt{
 border-collapse:collapse;
}
</style>

怎么在html中設(shè)置表格邊框

為表格設(shè)置外邊框，代碼如下：

<style>
.mt{
 border-collapse:collapse;
 border:1px solid black; /*設(shè)置表格的外邊框*/
}
</style>

怎么在html中設(shè)置表格邊框

設(shè)置行邊框，相對對于單元格邊框設(shè)置，行邊框的設(shè)置更加常見。我們只需要使用如下代碼

<style>
 
 
.mt{
 border-collapse:collapse;
 border:1px solid black;
}
/*設(shè)置行邊框*/
.mt tr{
border-bottom:1px solid black;
}
</style>

怎么在html中設(shè)置表格邊框

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)的支持。

網(wǎng)頁標(biāo)題：怎么在html中設(shè)置表格邊框
標(biāo)題鏈接：http://jinyejixie.com/article38/pseppp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、網(wǎng)站內(nèi)鏈、軟件開發(fā)、品牌網(wǎng)站制作、動態(tài)網(wǎng)站、虛擬主機(jī)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

怎么在html中設(shè)置表格邊框

html有什么特點