怎么在css中設置td標簽的寬度

今天就跟大家聊聊有關怎么在css中設置td標簽的寬度，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

創(chuàng)新互聯(lián)公司長期為上千客戶提供的網站建設服務，團隊從業(yè)經驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網生態(tài)環(huán)境。為利辛企業(yè)提供專業(yè)的網站設計制作、網站制作，利辛網站改版等技術服務。擁有十余年豐富建站經驗和眾多成功案例,為您定制開發(fā)。

css是什么意思

css是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言，主要是用來設計網頁的樣式，使網頁更加美化。它也是一種定義樣式結構如字體、顏色、位置等的語言，并且css樣式可以直接存儲于HTML網頁或者單獨的樣式單文件中，而樣式規(guī)則的優(yōu)先級由css根據這個層次結構決定，從而實現(xiàn)級聯(lián)效果，發(fā)展至今，css不僅能裝飾網頁，也可以配合各種腳本對于網頁進行格式化。

css直接使用width屬性設置表格td的寬度：

示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>document</title> 
<style>
td.box1 {
    width:10%;
    border: medium solid red
    }
td.box3 {
    width:15%;
    border: medium solid red
    }
td.box5 {
    width:20%;
    border: medium solid red
    }
td.box4 {
    width:45%;
    border: medium solid red
    }
</style>
</head>
<body>
    <table width="100%">  
        <td class="box1">10%</td>
        <td class="box1">10%</td>
        <td class="box3">15%</td>
        <td class="box4">45%</td>
        <td class="box5">20%</td>
        </table>
</body>
</html>

效果圖：

怎么在css中設置td標簽的寬度

width 屬性設置元素的寬度。

這個屬性定義元素內容區(qū)的寬度，在內容區(qū)外面可以增加內邊距、邊框和外邊距。

屬性值：

auto 默認值。瀏覽器可計算出實際的寬度。
length 使用 px、cm 等單位定義寬度。
% 定義基于包含塊（父元素）寬度的百分比寬度。
inherit 規(guī)定應該從父元素繼承 width 屬性的值。

看完上述內容，你們對怎么在css中設置td標簽的寬度有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

分享標題：怎么在css中設置td標簽的寬度
網頁網址：http://bm7419.com/article16/psssgg.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、網站設計、網頁設計公司、網站導航、云服務器、企業(yè)建站

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

猜你還喜歡下面的內容