課時(shí)39.細(xì)線表格（理解）

mist14 發(fā)布于2019-04-23 13:39 / 1345人閱讀

摘要：請(qǐng)你設(shè)計(jì)出以下圖片里的這個(gè)樣式的表格步驟我先來(lái)制作一個(gè)兩行兩列的表格將里的設(shè)置成外邊距是不見了，但是和我們想要完成的圖片有一定的差距，我們發(fā)現(xiàn)這樣做出來(lái)的圖片好像是兩條線合并到了一起一樣，實(shí)際上確實(shí)是兩條線合并到了一起的，它是將每個(gè)單元格

請(qǐng)你設(shè)計(jì)出以下圖片里的這個(gè)樣式的表格

步驟：

我先來(lái)制作一個(gè)兩行兩列的表格

? ? ? ? ? ? ? ? ? ? ?? ? ?

2.將table里的cellspacing設(shè)置成0

外邊距是不見了，但是和我們想要完成的圖片有一定的差距，我們發(fā)現(xiàn)這樣做出來(lái)的圖片好像是兩條線合并到了一起一樣，實(shí)際上確實(shí)是兩條線合并到了一起的，它是將每個(gè)單元格的邊距和表格的邊距重疊到了一起才有的這個(gè)圖形。所以應(yīng)該在這里添加一段注釋，如下圖

那我們應(yīng)該怎么做呢？

現(xiàn)在我們要學(xué)一個(gè)全新的屬性，將table標(biāo)簽里的屬性全部刪除

? ? ? ? ?

然后我們給表格添加背景顏色

? ? ??

然后我們將第一行tr設(shè)置成白色的背景

? ? ?

然后將第二行也設(shè)置成白色，并且將cellspacing設(shè)置成1px

? ? ?

細(xì)線表格的制作方式：

給table標(biāo)簽設(shè)置bgcolor
給tr標(biāo)簽設(shè)置bgcolor
給table標(biāo)簽設(shè)置cellspacing=“1px”

注意點(diǎn)：

table標(biāo)簽和tr標(biāo)簽以及td標(biāo)簽都支持bgcolor屬性

? ? ? ??

2.但是以上內(nèi)容僅僅作為了解，因?yàn)闃邮揭院蠖际峭ㄟ^(guò)css來(lái)控制

GPU云服務(wù)器云服務(wù)器 asp細(xì)線表格課時(shí) 邊框細(xì)線全面理解

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/2164.html

相關(guān)文章

課時(shí)40.表格中的其它標(biāo)簽（理解）

利用我們表格標(biāo)簽來(lái)做一個(gè)案例：通過(guò)這個(gè)案例來(lái)給大家介紹下表格標(biāo)簽中的其它標(biāo)簽 1.ctrl+alt+n新建一個(gè)文件，命名為24-表格標(biāo)簽的其它標(biāo)簽然后我們?cè)谶@個(gè)程序中輸入代碼，我們觀察這個(gè)圖片發(fā)現(xiàn)標(biāo)題是h2，然后下面是一個(gè)表格標(biāo)簽，一共是六行六列，我們先做出來(lái)標(biāo)題欄出現(xiàn)這種樣式，發(fā)現(xiàn)看不到邊框，因?yàn)楸砀襁吙蚰J(rèn)為0，并且圖片中是一個(gè)細(xì)線表格，所以我們要按上節(jié)課學(xué)的來(lái)制作細(xì)線表格,我們...

gxyz 2019-04-23 13:39 評(píng)論0 收藏0
課時(shí)41.表格的結(jié)構(gòu)（了解）

摘要：我們打開上節(jié)課做出來(lái)的頁(yè)面，然后點(diǎn)擊鼠標(biāo)右鍵檢查我們發(fā)現(xiàn)整個(gè)表格都是一個(gè)標(biāo)簽，標(biāo)題就是，而標(biāo)題下面是我們上節(jié)課并沒有寫這個(gè)標(biāo)簽，所以事實(shí)證明我們上節(jié)課寫的表格不是一個(gè)完整的表格，那么到底什么是一個(gè)完整的表格呢我們這節(jié)課來(lái)探討一下，但是這節(jié)知我們打開上節(jié)課做出來(lái)的頁(yè)面，然后點(diǎn)擊鼠標(biāo)右鍵檢查我們發(fā)現(xiàn)整個(gè)表格都是一個(gè)table標(biāo)簽，標(biāo)題就是caption，而標(biāo)題caption下面是... ...

鄒立鵬 2019-04-23 13:39 評(píng)論0 收藏0
課時(shí)38.表格標(biāo)簽的屬性（了解）

摘要：寬度和高度的屬性可以給標(biāo)簽和標(biāo)簽使用標(biāo)簽不能使用水平對(duì)齊和垂直對(duì)齊的屬性其中水平對(duì)齊可以給標(biāo)簽和標(biāo)簽和標(biāo)簽使用垂直對(duì)齊只能給標(biāo)簽和標(biāo)簽使用外邊距和內(nèi)邊距屬性只能給標(biāo)簽使用補(bǔ)充上節(jié)課內(nèi)容表格的寬度和高度默認(rèn)是按照內(nèi)容的尺寸來(lái)調(diào)整的也可以通過(guò)給1.寬度和高度的屬性可以給table標(biāo)簽和td標(biāo)簽使用（tr標(biāo)簽不能使用） 2.水平對(duì)齊和垂直對(duì)齊的屬性其中水平對(duì)齊可以給table標(biāo)簽和tr標(biāo)簽和t...

callmewhy 2019-04-23 13:37 評(píng)論0 收藏0
課時(shí)43.表格練習(xí)

摘要：這節(jié)課我們來(lái)練習(xí)幾個(gè)樣式的表格快捷鍵總結(jié)快速移動(dòng)選中的代碼，上下移動(dòng)往上移動(dòng)向上箭頭往下移動(dòng)向下箭頭快速合并和展開代碼合并和展開的是一個(gè)標(biāo)簽合并展開快速合并和展開代碼合并和展開選中的所有標(biāo)簽合并展開快速新啟一行回車這節(jié)課我們來(lái)練習(xí)幾個(gè)樣式的表格 1. 2. 3. 4. 快捷鍵總結(jié) 快速移動(dòng)選中的代碼，上下移動(dòng) 往上移動(dòng)：ctrl+shift+向上箭頭往下移動(dòng)：ctrl+shi...

TesterHome 2019-04-23 13:39 評(píng)論0 收藏0
我是如何學(xué)習(xí)游戲引擎的？

摘要：下面列舉了游戲開發(fā)中常見的崗位以及兩條常見的協(xié)作開發(fā)的流水線其實(shí)學(xué)習(xí)游戲引擎，前期對(duì)于任何崗位來(lái)說(shuō)路線都是相似的，基本上就是一個(gè)熟悉基本操作理解基本概念拓展專業(yè)知識(shí)的過(guò)程。當(dāng)然這不是絕對(duì)的，任何引擎的開始階段和大成階段都是相似的。這是【游戲開發(fā)那些事】第51篇原創(chuàng) 前言：游戲引擎，表面...

未東興 2021-09-30 09:48 評(píng)論0 收藏0