HTML學習筆記 CSS表格及輪廓案例第八節（原創）參考使用表

阿新 • • 發佈：2018-06-05

idt ali char ID utf-8 內邊距 AC utl 參考

#tb, tb1, tr, th, td {
    border: 5px solid blue;
    /*加邊框*/
    padding: 5px;
    /*內邊距*/
}

#tb1 {
    border-collapse: collapse;
    /*合並邊框*/
    width: 500px;
    height: 500px;
    text-align: center;
    background-color: aqua;
}

<!DOCTYPE html>
<html lang="en">
< 
head>
    <meta charset="UTF-8">
    <title>表格及輪廓</title>
    <link rel="stylesheet" href="tzy.css" type="text/css">
</head>
<body>
<table id="tb">
    <tr class="alt">
        <th>姓名</th>
        <th>年齡</th>
        < 
th>性別</th>
    </tr>
    <tr>
        <td>小王</td>
        <td>15</td>
        <td>男</td>
    </tr>
    <tr class="alt">
        <td>小王</td>
        <td>15</td>
        <td>男</td>
    </tr> 

    <tr>
        <td>小王</td>
        <td>15</td>
        <td>男</td>
    </tr>
</table>
<br/>
<table id="tb1">
    <tr>
        <th>姓名</th>
        <th>年齡</th>
        <th>性別</th>
    </tr>
    <tr>
        <td>小王</td>
        <td>15</td>
        <td>男</td>
    </tr>
    <tr>
        <td>小王</td>
        <td>15</td>
        <td>男</td>
    </tr>
    <tr>
        <td>小王</td>
        <td>15</td>
        <td>男</td>
    </tr>
</table>
<br/>
<br/>
<p style="outline-style: groove;outline-width: 1px">文字效果實心框</p>
<br/>
<br/>
<p style="outline-style: double;outline-width: 20px">文字效果雙虛線框</p>
</body>
</html>

idt ali char ID utf-8 內邊距 AC utl 參考 #tb, tb1, tr, th, td { border: 5px solid blue; /*加邊框*/ padding: 5px; /*內邊距*/ }

HTML學習筆記基礎標簽及css引用案例第一節（原創）參考使用表

set utf har del 文件定義 .com eight head <!DOCTYPE html><html lang="en"><!--表示網頁文字以什

HTML學習筆記 css定位浮動及瀑布流案例第十三節（原創）參考使用表

20px 筆記 lis containe use cor ack 100% set #fd { width: 100px; height: 150px; background-color: forestgreen; float: left;

HTML學習筆記 css定位浮動及瀑布流第十三節（原創）

oct adding styles gin ima alt eight div height <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

HTML學習筆記 CSS學習選擇器案例第五節（原創）參考使用表

樣式 back ack aid head 派生選擇器 char logs pan <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

HTML學習筆記 CSS背景樣式案例第六節（原創）參考使用表

ext jpg class 設置 link eight text spa .com <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

HTML學習筆記 css定位（靜態，相對，固定，絕對布局）偏移案例第十二節（原創）參考使用表

absolute write style 用戶學習 nbsp -c code posit <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

HTML學習筆記 CSS學習選擇器第五節（原創）

ext spa family 如果 styles ctype css gre utf <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <

HTML學習筆記 CSS樣式第六節（原創）

Y軸重復 eight -i tac 圖片 500px itl idt <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&

HTML學習筆記基礎表格第二節（原創）

utf 空心圓無序列表 har ble 學習 oot order 有序 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title

HTML學習筆記 CSS塊元素加偽類選擇器第三節（原創）

筆記 solid oct 元素是否選擇器 size set 區域 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&g

HTML學習筆記 w3sCss盒子模型（陰影）（div的一些使用）案例第十節（原創）參考使用表

idt pac cin head src 模型圖 div 盒子模型樣式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

HTML學習筆記 cs動畫基礎（分列效果可用於做瀑布流）第十五節（原創）參考使用表

har orm 顏色無限動畫 ext top 效果 rotate <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &

HTML學習筆記 cs2D3D展示基礎第十四節（原創）參考使用表

safari 學習筆記 ans com div2 s2d spa har tex <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

學習筆記---css中偽元素與偽類（迷惑我的:after與:hover）

一直被偽類與偽元素所迷惑，以為是同一個屬性名稱，這兩天看css動畫，越來越多的看到諸如 a:hover:after，a.hover:after 的用法，越來越糊塗，索性翻翻定義研究研究。本文出現的偽類偽元素均為css2、css1中內容。css3中偽類、偽元素還未做

【extjs6學習筆記】0.1 準備：基礎概念（02）

json over cal 類的屬性 tab 常用事件 data 微軟基於 Ext 類 Ext 是一個全局單例的對象，在 Sencha library 中它封裝了所有的類和許多實用的方法。許多常用的函數都定義在 Ext 對象裏。它還提供了像其他類中一些頻繁使用的方法

JAVAscript學習筆記 js事件第一節（原創）參考js使用表

onchange onf form 看不見鼠標 hello cnblogs html 加載 <!DOCTYPE html> <html lang="en" onUnload="ud()"> <head> <meta ch

JAVAscript學習筆記 js異常第二節（原創）參考js使用表

htm demo cnblogs value demo1 span 自定義 char 按鈕 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

JAVAscript學習筆記 js句柄監聽事件第四節（原創）參考js使用表

必須 htm -c eve property blog uncaught event add <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

JAVAscript學習筆記 jsBOM 第七節（原創）參考js使用表

span aid cat alert 當前頁 config 彈出框 pan 針對 <html> <head> <title>day02_js</title> <scrip

HTML學習筆記 CSS表格及輪廓案例 第八節 （原創）參考使用表

相關推薦

HTML學習筆記 CSS表格及輪廓案例第八節（原創）參考使用表