青青草手机版免费视频,国产精品老女人老熟女激情综合,9l人妻人人爽人人爽

當前位置：

發(fā)布時間：2018-10-06

文章編輯：網(wǎng)站建設(shè) 文章來源：建站行業(yè)資訊瀏覽量：次

網(wǎng)站設(shè)計公司（博納網(wǎng)絡(luò)）在前面的網(wǎng)頁制作技巧“藝術(shù)化處理表格”文章中對如何對圖像處理進行過詳細介紹，本文深圳網(wǎng)站設(shè)計主要與各位分享如何制作立體表格。

立體表格主要通過顏色的設(shè)置來實現(xiàn)。本例的立體表格效果如圖6-42所示。實現(xiàn)的具體步驟如下。

網(wǎng)站設(shè)計如何處理表格立體效果實操圖6-42立體表格效果

【操作步驟】

第1步，繼續(xù)以前面示例為基礎(chǔ)，打開index.html。選中插入表格，設(shè)置主體表格的第3個單元格背景顏色為藍色(#667BD8)設(shè)置垂直對齊方式為頂端。

第2步，在該單元格中插入個4行2列的表格，設(shè)置寬度為180像素，居中顯示，效果如圖6-43所示

網(wǎng)站設(shè)計對于表格立體效果處理實操圖6-43插入表格

第3步，插入表格的第1行用來控制表格與頂部標題欄的距離，合并第2行的兩個單元格，并設(shè)置合并單元格背景圖像，在設(shè)置之前應把第2行高度設(shè)置為背景圖像的高度，如圖6-44所示。

網(wǎng)站設(shè)計立體表格處理實操示意圖6-44設(shè)置單元格

第4步，設(shè)置表格的最后行和表格右側(cè)單元格為l像素高或?qū)挘尘邦伾珵榘咨?。并設(shè)置主體單元格背景顏色為淺藍色(#D6DFF7)，高為200像素，如圖6-45所示。

第5步，以同樣的方式或復制上面制作的表格，就可以重復制作多個立體表格，最后效果如圖6-46所示。

網(wǎng)站設(shè)計立體表格處理操作示意圖6-46制作的互體表格效果

網(wǎng)站設(shè)計如何定義表格樣式

使用css可以實現(xiàn)對表格的樣式控制，其中表格樣式包括邊框?qū)挾?、邊框顏色、邊框樣式以及表格背景等效果，以及如何使用css控制表格特性等。

網(wǎng)站設(shè)計如何設(shè)置表格顏色

css使用color屬性設(shè)置表格中文字的顏色，通過background-color屬性來設(shè)置表格的背景顏色。

【示例】啟動Dreamweaver，新建一個網(wǎng)頁，保存為test.html．在<body>標簽內(nèi)輸入如下代碼：

在<head>標簽I~添加<styletvpe:”text/css”>標簽，定義一個內(nèi)部樣式表然后輸入下面樣式，用來定義網(wǎng)頁字體的類型

上面代碼中用<table>標簽創(chuàng)建了個表格設(shè)置表格的寬度為300．表格的邊框?qū)挾葹?．這里沒有給出單位，默認為px。使用<tr>和<td>標簽創(chuàng)建了4行5列的表格。可以看到，表格的背景顏色和字體顏色通過css進行了設(shè)置。顯示效果如圖6-47所示。

深圳網(wǎng)站設(shè)計公司關(guān)于網(wǎng)頁在設(shè)計時如何處理表格立體效果以及怎樣設(shè)置表格顏色的經(jīng)驗分享本文就到這里，喜歡本站的您請持續(xù)關(guān)注我們網(wǎng)站。深圳網(wǎng)站設(shè)計-博納網(wǎng)絡(luò)編輯整理。

當前文章鏈接：/construction/jzhyzx/1472.html

上一篇：制作網(wǎng)頁如何處理表格豎線與藝術(shù)化處理圖像下一篇：網(wǎng)站設(shè)計公司分享如何制作動態(tài)頁面

返回列表

如果您覺得案例還不錯請幫忙分享：

[聲明]本網(wǎng)轉(zhuǎn)載網(wǎng)絡(luò)媒體稿件是為了傳播更多的信息，此類稿件不代表本網(wǎng)觀點，本網(wǎng)不承擔此類稿件侵權(quán)行為的連帶責任。故此，如果您發(fā)現(xiàn)本網(wǎng)站的內(nèi)容侵犯了您的版權(quán)，請您的相關(guān)內(nèi)容發(fā)至此郵箱【qin@198bona.com 】，我們在確認后，會立即刪除，保證您的版權(quán)。

夏目彩春av在线看,夏目彩春av在线看,亚洲国产成人精品日韩18,搡老岳熟女国产熟妇视频,欧美国产亚洲欧美国产,99久久蜜人人爽亚洲精品美女,3p少妇亚洲一区二区三区欧美,美女天天干美女天天操,男女啪啪啪噜噜噜免费观看网站

深圳網(wǎng)站建設(shè)—APP開發(fā)—網(wǎng)站制作—小程序開發(fā)_博納網(wǎng)絡(luò)公司

當前位置：

網(wǎng)站設(shè)計怎樣立體化處理表格與它的顏色？

如果您覺得案例還不錯請幫忙分享：

相關(guān)案例推薦

喜馬拉雅

極藝網(wǎng)

艾克印刷商城網(wǎng)站制作案例

資訊分類

最新發(fā)布

相關(guān)資訊

熱門搜索

夏目彩春av在线看,夏目彩春av在线看,亚洲国产成人精品日韩18,搡老岳熟女国产熟妇视频,欧美国产亚洲欧美国产,99久久蜜人人爽亚洲精品美女,3p少妇亚洲一区二区三区欧美,美女天天干美女天天操,男女啪啪啪噜噜噜免费观看网站

深圳網(wǎng)站建設(shè)—APP開發(fā)—網(wǎng)站制作—小程序開發(fā)_博納網(wǎng)絡(luò)公司

當前位置：

網(wǎng)站設(shè)計怎樣立體化處理表格與它的顏色？

相關(guān)案例推薦

喜馬拉雅

極藝網(wǎng)

艾克印刷商城網(wǎng)站制作案例

資訊分類

最新發(fā)布

相關(guān)資訊

熱門搜索

網(wǎng)站設(shè)計怎樣立體化處理表格與它的顏色？