欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

CSS中Table樣式怎么設(shè)置

這篇文章主要介紹了CSS中Table樣式怎么設(shè)置,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

我們提供的服務(wù)有:成都網(wǎng)站制作、網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、平桂ssl等。為成百上千企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的平桂網(wǎng)站制作公司

一、表格邊框

border 指定CSS表格邊框,使用border屬性。

下面的例子指定了一個表格的Th和TD元素的黑色邊框:

table, th, td
{
border: 1px solid black;
}

請注意,在上面的例子中的表格有雙邊框。這是因為表和th/ td元素有獨(dú)立的邊界。

為了顯示一個表的單個邊框,使用 border-collapse屬性。

二、折疊邊框

border-collapse 屬性設(shè)置表格的邊框是否被折疊成一個單一的邊框或隔開:

table
{
border-collapse:collapse;
}
table,th, td
{
border: 1px solid black;
}

三、表格寬度和高度

Width和height屬性定義表格的寬度和高度。

下面的例子是設(shè)置100%的寬度,50像素的th元素的高度的表格:

table {width:100%;}
th{height:50px;}

四、表格文字對齊

表格中的文本對齊和垂直對齊屬性。

text-align屬性設(shè)置水平對齊方式,像左,右,或中心:

td{text-align:right;}

vertical-align 垂直對齊屬性設(shè)置垂直對齊,比如頂部,底部或中間:

td{
height:50px;
vertical-align:bottom;
}

五、表格填充

padding 如果在表的內(nèi)容中控制空格之間的邊框,應(yīng)使用td和th元素的填充屬性:

td{padding:15px;}

六、表格顏色

下面的例子指定邊框的顏色,和th元素的文本和背景顏色:

table, td, th { border:1px solid green; } 
th { background-color:green; color:white; }

七、示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>CSS教程</title>
<style>
#customers
{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    width:100%;
    border-collapse:collapse;
}
#customers td, #customers th 
{
    font-size:1em;
    border:1px solid #98bf21;
    padding:3px 7px 2px 7px;
}
#customers th 
{
    font-size:1.1em;
    text-align:left;
    padding-top:5px;
    padding-bottom:4px;
    background-color:#A7C942;
    color:#ffffff;
}
#customers tr.alt td 
{
    color:#000000;
    background-color:#EAF2D3;
}
</style>
</head>

<body>
<table id="customers">
<tr>
  <th>Company</th>
  <th>Contact</th>
  <th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
<tr class="alt">
<td>Berglunds snabbk?p</td>
<td>Christina Berglund</td>
<td>Sweden</td>
</tr>
<tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Mexico</td>
</tr>
<tr class="alt">
<td>Ernst Handel</td>
<td>Roland Mendel</td>
<td>Austria</td>
</tr>
<tr>
<td>Island Trading</td>
<td>Helen Bennett</td>
<td>UK</td>
</tr>
<tr class="alt">
<td>K?niglich Essen</td>
<td>Philip Cramer</td>
<td>Germany</td>
</tr>
<tr>
<td>Laughing Bacchus Winecellars</td>
<td>Yoshi Tannamuri</td>
<td>Canada</td>
</tr>
<tr class="alt">
<td>Magazzini Alimentari Riuniti</td>
<td>Giovanni Rovelli</td>
<td>Italy</td>
</tr>
<tr>
<td>North/South</td>
<td>Simon Crowther</td>
<td>UK</td>
</tr>
<tr class="alt">
<td>Paris spécialités</td>
<td>Marie Bertrand</td>
<td>France</td>
</tr>
</table>
</body>
</html>

效果圖:

CSS中Table樣式怎么設(shè)置

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享CSS中Table樣式怎么設(shè)置內(nèi)容對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián),詳細(xì)的解決方法等著你來學(xué)習(xí)!

網(wǎng)頁名稱:CSS中Table樣式怎么設(shè)置
本文鏈接:http://aaarwkj.com/article40/gpeheo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站營銷、網(wǎng)站導(dǎo)航、軟件開發(fā)網(wǎng)站改版、微信小程序、網(wǎng)站設(shè)計

廣告

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

網(wǎng)站托管運(yùn)營
97视频精品在线播放| 一区二区不卡日韩av| 久久亚洲天堂av丁香| 国产精品粉嫩在线播放| 亚洲av香蕉一区二区| 国产午夜亚洲精品福利| 亚洲风情亚av在线播放| 国产第一页国产第一页| 麻豆乱淫一区二区三爱免费| 国产成十人十综合十亚洲| 亚洲国产熟女一区二区三| 亚洲伦理一区二区三区中文| 人成午夜视频在线播放| 欧美 日本国产一区| 色婷婷区二区三区四区| 在线精品91国产在线观看| 欧美成人精品欧美一级黄片| 国产三级视频在线观看视频| 日韩x级av免费在线观看| 午夜性色福利在线播放| 亚洲成人大片免费在线观看| 四虎免费在线视频观看| 国产精品久久久久精品三级下载 | av中文字幕一区二区三区| 精品视频一区二区三区在线观看| 中文字幕久久亚洲一区| 亚洲中国av一区二区| 亚洲精品黄色在线观看| 国产高清内射一级一片高清视频| 日本av人妻在线观看| 日韩二区三区在线观看| 国产无人区码一区二区| 欧美护士激情第一欧美精品 | 免费看国产一级黄色大片| 国产网爆热门精品一区二区| 国产精品亚洲av性色| 91久久国产免费网站| 五月婷婷六月丁香俺来也| 日韩视频一区二区三区系列| 日本韩国一区二区精品| 国产美女主播在线精品一区|