加入收藏
 地圖
 用戶登陸
 幫助中心
電子商務 SEO動態 SEO技術 SEO軟件 SEO推薦 網站留言 SEO用戶 SEO專欄 電子商務   SEO培訓
今天是:2020年4月23日 星期四   您現在位于: 首頁 →  SEO技術 → 計算機技術(軟件頻道)

方法一:用圖片制作圓角表格 美化網頁 制作精美圓角表格

2020/4/23  電子商務網  瀏覽選項:    本文已被瀏覽 1569 次
做網頁時候為了美化網頁,常常把表格邊框的拐角處做成圓角,這樣可以避免直接使用表格直角的生硬,使得網頁整體更加美觀。下面就給大家介紹兩種制作圓角表格的常用的辦法。 
方法一:用圖片制作圓角表格 
這是最常用也是最通用的方法,它能很好地適應各種瀏覽器和不同分辨率,大部分網頁都使用這種方法。 
①先用Photoshop等作圖軟件繪制一個圓角矩形,再用“矩形選框工具”選取左上交的圓角部分(如圖1),復制它。 
                                         
②不要取消選取,直接新建一副圖像,Photoshop會根據選取部分的高度、寬度自動設置新建圖像的大小。張貼后,保存為WEB所用格式即可。 

③重復步驟②,分別用“水平翻轉”工具和“垂直翻轉”工具,保存另外三個方向的圓角。(如圖2) 
                                         
④打開網頁制作軟件,這里以Dreamweaver為例。插入一個一行三列的表格,設置其CellPad、CellSpace和Border屬性值都為0。在第一列插入圖片1.gif,第三列插入圖片3.gif,并設置單元格的高度和寬度與圖片一致。設置第二列的背景顏色為與圓角圖片一致的顏色,設置寬度為整個表格的寬度減去兩個圖片的寬度,并打開源代碼察看器,刪除這列中的字符” ”(Dreamweaver會自動在每個單元格中插入此字符,若不刪除會撐大表格)。依葫蘆畫瓢,做好下半部分的圓角。 
⑤再已插入的兩個表格中間再插入一個一行三列同寬的的表格,CellPad、CellSpace和Border屬性值都為0,寬度為100%。設置第一列和第三列背景顏色為與圓角圖片一致的顏色,寬度為1像素,并打開源代碼察看器,刪除這兩列中的字符” ”。到這,一個圓角表格就做好了,您可以在第二列中添加您想要的內容。(如圖3)
 發布人:杰米  [ → 我要發表文章 ] 上篇文章:根據應用需要設置 禁用不是好事 虛擬內存禁用誤區
下篇文章:Win XP操作系統支持工具全接觸(一) Win XP系統支持工具全...
→ 主題所屬分類:  計算機技術 → 軟件頻道 → 『關閉窗口』
技巧:用word來實現批量抓圖
Win XP遠程桌面控制中的“雕蟲..
預設置 淺談游戲的場景制作(一)
死機我也不要“藍”
關閉QQ炫鈴等不常用的QQ功能
網賺注意事項 網賺必備工具
Word 2007博客功能使用教程
10條方法讓瀏覽者在你的網站待的更久
巧在郵件地址中加注釋
功能突破-主動實時升級 金山毒霸2..
Skype手機現網絡江湖
超速沖浪(上) 沖浪提速我有絕招
青島新聞網:電子商務 漸行漸近
文件加密新工具!IE加密文本文件新..
安裝SP2后BT速度卻變慢的原因
互聯網時代的生意經:企業如何上網做..
關閉Win XP中的服務程序(1)..
避免在Excel中輸入重復數據方法
如何預防電腦死機
MSN和雅虎通互聯 專家稱將導致病..
企業老總:電子商務喜歡四種人
給商品定價的13種技巧
分站一 QQ技巧批發第一站
談JPEG圖像壓縮的王者:JPEG..
找出Windows中不老實的服務
涂鴉聊天 QQ聊天高手的必備工具
Word表格也可自動填充
一、快捷方式和圖標 菜鳥讀本:認識..
刪除頑固文件,試試XP的無敵替換命令
Word中利用自動更正快速輸入常用..
我的QQ 我的信息中心
巧破NTFS下的Win2000口令
天翻地覆看系統 剿滅Windows..
刪除多余系統的系統還原點
MSN新版天氣預報 傲游系列插件介..
小企業開展網絡營銷的主要方法
創意和制作(上) 經典廣告案例分析..
QQ2003Ⅲ最Q的四大特色功能
挽救意外損壞的Excel文檔
親如兄弟 Word、WPS文件互訪..
防止黑客入侵ADSL(上) 防止黑..
超級求愛計劃--音頻軟件篇
Print Screen鍵的非典型..
巧設Win2000/XP的進程優先級
WMA音樂光盤刻錄實戰 Nero6..
 熱門文章
 
 保存網頁圖片的八種方法 (53479)
 我的QQ 我的信息中心 (47710)
 2006年值得關注的十個web2.0網站 (39640)
 傳統商務與電子商務的區別 (11382)
 讓Windows序列號原形畢露 (10857)
 近一年來RSS和Blog已逐漸成為互聯網發展的新潮流 (9043)
 如何讓搜索引擎收錄新網站 (8266)
 在Word中輸入乘號和除號的幾種方法 (7318)
 如何保持網站排名課程記錄 --  電子商務網原創 (7278)
 IE6用戶如何升級到IE7.0瀏覽器版本 (7134)
 更換開機畫面 Win XP開機畫面隨我定 (7025)
 Ping命令的使用技巧 常用網絡命令使用技巧詳解 (6402)
 智能ABC輸入法中的使用技巧 (6109)
 抓就要抓最清晰的圖片 (6079)
 微軟推免費文件夾加密軟件 (5902)
 最近更新
 
 保存網頁圖片的八種方法 (8月1日)
 我的QQ 我的信息中心 (8月1日)
 2006年值得關注的十個web2.0網站 (8月1日)
 傳統商務與電子商務的區別 (8月1日)
 讓Windows序列號原形畢露 (8月1日)
 近一年來RSS和Blog已逐漸成為互聯網發展的新潮流 (7月21日)
 如何讓搜索引擎收錄新網站 (8月14日)
 在Word中輸入乘號和除號的幾種方法 (8月1日)
 如何保持網站排名課程記錄 --  電子商務網原創 (8月15日)
 IE6用戶如何升級到IE7.0瀏覽器版本 (12月28日)
 更換開機畫面 Win XP開機畫面隨我定 (8月1日)
 Ping命令的使用技巧 常用網絡命令使用技巧詳解 (8月1日)
 智能ABC輸入法中的使用技巧 (8月1日)
 抓就要抓最清晰的圖片 (8月1日)
 微軟推免費文件夾加密軟件 (8月1日)
 文章搜索
 
搜索選項:            
  → 評論內容 (點擊查看)
(沒有相關評論)
  → 發表我的評論
您的姓名:  您的E-mail:

評論內容:
發表評論:  
   電子商務網每日推薦文章: BLOG作弊案例分析(電子商務網原創) 2020/4/23
    本文為電子商務網原創案例分析,由于技術已經涉及搜索引擎作弊,所以不推薦使用只做案例分析使用,請注意!!!
     1、首先到GOOGLE搜索關鍵字排名靠前的BLOG(想在什么排名就在什么搜索引擎上搜索,因為每個搜索引擎對BLOG的喜好度不一樣)
     2、搜索關鍵字排名中前幾名的BLOG,排名靠前的BLOG常理分析應該是搜索引擎比較喜歡,而且也是比較容易被收錄的BLOG,有條件的可以多搜索一些!......查看詳細內容
關于我們 ┋ 網站留言 ┋ 電子商務網成員網站 ┋ SEO培訓基地 ┋ 地圖 ┋ SEO培訓 ┋ 管理 ┋ TOP
合作站點: 杰晶網絡 | 建材互聯 | Herbal | 淘寶優惠券 | 中國保健品網 | OilPainting | NHE | 杰米世界 | 南強新網 | 十大建材品牌 | 建材市場 | 新聞熱點 | 建材百科
電子商務網 網絡營銷顧問:杰晶網絡 版權所有
Copyright © 2006 ECSoon.com All Rights Reserved
英超比分