表格除了顯示數(shù)據(jù)外，還常常被用來排版。雖然如今比較流行用DIV布局頁面，但是由于表格在網(wǎng)頁設(shè)計(jì)時(shí)容易上手、快捷、兼容性好，所以表格布局仍然受到不少網(wǎng)頁設(shè)計(jì)者
查看詳情對(duì)于長時(shí)間瀏覽大量表格數(shù)據(jù)的用戶來說，即使是隔行變色的表格，閱讀時(shí)間長了仍然會(huì)感到疲勞。如果數(shù)據(jù)在設(shè)計(jì)網(wǎng)頁時(shí)，行能動(dòng)態(tài)地根據(jù)鼠標(biāo)來變色，就會(huì)大大較少用戶的
查看詳情在網(wǎng)頁設(shè)計(jì)時(shí)，當(dāng)表格的行和列比較多時(shí)，表格如果采用相同的背景顏色，用戶就會(huì)感到凌亂，那么可以設(shè)置隔行變色的效果，使奇數(shù)行和偶數(shù)行背景顏色不同，就能使表格看起
查看詳情本節(jié)將通過實(shí)例的形式幫助讀者設(shè)計(jì)CSS的表格樣式，以提高實(shí)戰(zhàn)技法和技巧，快速理解CSS表格屬性的應(yīng)用。美化表格在之前的章節(jié)中介紹了CSS可設(shè)置的表格顏色和表格邊框
查看詳情在網(wǎng)頁設(shè)計(jì)中使用CSS可以實(shí)現(xiàn)對(duì)表格的樣式控制，其中表格樣式包括邊框?qū)挾?、邊框顏色、邊框樣式以及表格背景等效果，以及如何在網(wǎng)頁設(shè)計(jì)時(shí)使用CSS控制表格特性等。
查看詳情在網(wǎng)頁設(shè)計(jì)時(shí)通過設(shè)置表格背景圖像屬性可以制作一些圖像特效，例如，給圖像鑲邊、遮掩部分圖像實(shí)現(xiàn)圖像的虛化顯示等效果。本例就是利用這一方法實(shí)現(xiàn)制作圖像殘缺效
查看詳情表格素有網(wǎng)頁設(shè)計(jì)“靈魂”之稱，當(dāng)然在標(biāo)準(zhǔn)設(shè)計(jì)過程中，很多效果可以直接使用CSS快速實(shí)現(xiàn)，但即便如此，其作用不可小視。下面結(jié)合實(shí)例介紹如何巧妙運(yùn)用表格、單元格屬
查看詳情在Dreamweaver設(shè)計(jì)網(wǎng)頁時(shí)設(shè)置表格的屬性，可以通過【屬性】面板完成。設(shè)置表格屬性的具體操作步驟如下?！静僮鞑襟E】第1步，啟動(dòng)Dreamweaver，新建HTML文檔，保存為t
查看詳情在網(wǎng)站建設(shè)時(shí)，插入表格以后，如果該表格不符合要求，可以改變表格的結(jié)構(gòu)和大小。例如，在網(wǎng)頁設(shè)計(jì)時(shí)合并和拆分單元格、插入行或列，以及刪除行或列。改變表格的大小在
查看詳情欄目圓角化是網(wǎng)頁設(shè)計(jì)中的一種美化網(wǎng)頁的方法，本例運(yùn)用之前介紹過網(wǎng)頁設(shè)計(jì)中的圖片圓角化方法，通過設(shè)置一個(gè)名為《精品文摘》的網(wǎng)頁，從而進(jìn)一步講述CSS設(shè)置圖片的
查看詳情在網(wǎng)頁設(shè)計(jì)時(shí)，頁面中圓角的實(shí)現(xiàn)一直是個(gè)很難解決的問題，雖然現(xiàn)在有很多種實(shí)現(xiàn)方法，但都是比較麻煩的，這里想通過此例介紹一種CSS新技術(shù)，即CSS新的屬性border-radi
查看詳情在網(wǎng)頁設(shè)計(jì)中中插入圖片是再平常不過的事情了，有時(shí)為了美觀的需要，可以給圖片加上陰影，讓圖片有一種特殊的效果，CSS可以為圖片加上陰影嗎？答案是肯定的，在本例中將
查看詳情在網(wǎng)頁設(shè)計(jì)中，經(jīng)常能見到多張圖片排列的情況，在本例中，將介紹對(duì)于多圖排列的設(shè)置，并進(jìn)一步了解CSS設(shè)置圖片的方法?！静僮鞑襟E】第1步，啟動(dòng)Dreamweaver，新建文檔，
查看詳情本例模仿淘寶網(wǎng)上的圖片布局，進(jìn)一步展示了在網(wǎng)頁設(shè)計(jì)中圖片與文字之間混排和用圖片布局的方法?！静僮鞑襟E】第1步，啟動(dòng)Dreamweaver，新建文檔，保存為index.html.。
查看詳情本實(shí)例進(jìn)一步鞏固網(wǎng)頁設(shè)計(jì)中圖文混排方法的使用，并把該方法運(yùn)用到實(shí)際的網(wǎng)站制作中。示例介紹中國的傳統(tǒng)節(jié)日為題材，利用圖文混排的方法，實(shí)現(xiàn)頁面的圖文效果?！静?/p> 查看詳情
在網(wǎng)站建設(shè)時(shí)使用float屬性來實(shí)現(xiàn)圖片的文字環(huán)繞，另外，除了float屬性以外，再配合使用padding屬性和margin屬性，使圖片和文字達(dá)到一種最佳的效果。float屬性在網(wǎng)頁
查看詳情在網(wǎng)頁設(shè)計(jì)中，圖片的橫向?qū)R和文字的橫向?qū)R方法基本相同，分為左、中、右3種。不同的是圖片的對(duì)齊不能直接通過設(shè)置圖片的text-align屬性來定義，而是需要通過設(shè)
查看詳情在制作網(wǎng)頁時(shí)，CSS設(shè)置圖片大小只需設(shè)置圖片的寬度屬性width和高度屬性height即可，設(shè)置方法如下：img{width:數(shù)值;height:數(shù)值;}其中，寬度屬性width和高度屬性heigh
查看詳情在網(wǎng)頁設(shè)計(jì)時(shí)，圖片的效果很大程度上影響到網(wǎng)頁效果，要使網(wǎng)頁圖文并茂并且布局結(jié)構(gòu)合理，就要注意圖片的設(shè)置。通過CSS統(tǒng)一管理，不但可以更加精確地調(diào)整圖片的各種屬
查看詳情在設(shè)計(jì)網(wǎng)頁時(shí)，有了豐富的圖像素材，就可以利用Dreamweaver把這些圖像組織在一起，設(shè)計(jì)出具有一定審美效果的網(wǎng)頁頁面。如何把所擁有的素材有機(jī)地組織在一起，在具體設(shè)
查看詳情在設(shè)計(jì)網(wǎng)頁時(shí)，無論用戶是初學(xué)者還是圖像制作高手，在制作網(wǎng)頁圖像時(shí)，都應(yīng)掌握下面幾個(gè)要點(diǎn)。網(wǎng)絡(luò)圖像制作要小而精，忌大而濫網(wǎng)絡(luò)圖像不是在個(gè)人電腦上，在網(wǎng)絡(luò)上瀏覽
查看詳情在設(shè)計(jì)和制作網(wǎng)頁之前，首先要制作網(wǎng)頁圖像，這是不可缺少的前期工作。制作一個(gè)網(wǎng)頁大部分時(shí)間都花在版面安排和圖像設(shè)計(jì)上。如果一個(gè)網(wǎng)頁版面安排合理、整潔、圖形
查看詳情之前通過示例分析過網(wǎng)頁設(shè)計(jì)中圖文排版的處理技巧，那么對(duì)于圖文列表信息的處理其實(shí)大同小異，不同的是圖文列表信息的表現(xiàn)方式是將列表內(nèi)容以圖片的形式在頁面中體
查看詳情【操作步驟】第1步，啟動(dòng)Dreamweaver，新建一個(gè)網(wǎng)頁，保存為index.html。第2步，構(gòu)建網(wǎng)頁結(jié)構(gòu)。本例中首先用<div>標(biāo)簽設(shè)置container容器，然后通過<div>標(biāo)簽創(chuàng)建網(wǎng)頁的
查看詳情前面的示例展示了在設(shè)計(jì)網(wǎng)頁用列表制作新聞欄目、菜單等網(wǎng)頁元素，實(shí)際上，列表還能在網(wǎng)頁設(shè)計(jì)中進(jìn)行簡單的排版，尤其是對(duì)圖文的排列，是網(wǎng)絡(luò)中經(jīng)常見到的形式，本例以
查看詳情多級(jí)下拉菜單在一些企業(yè)網(wǎng)站應(yīng)用非常廣泛，它存在使用方便、占用空間小等特點(diǎn)。本節(jié)將介紹橫網(wǎng)頁設(shè)計(jì)中向?qū)Ш讲藛蔚亩?jí)菜單的制作方法，從而進(jìn)一步說明列表在制作
查看詳情在網(wǎng)頁設(shè)計(jì)中，導(dǎo)航菜單隨處可見，大多都是通過設(shè)置CSS列表樣式創(chuàng)建的，本例以介紹網(wǎng)頁中常見的導(dǎo)航菜單制作方法，來說明列表網(wǎng)頁菜單在網(wǎng)頁設(shè)計(jì)中的應(yīng)用。【操作步驟
查看詳情前面詳細(xì)介紹了CSS可設(shè)置的列表樣式，本節(jié)通過在網(wǎng)頁設(shè)計(jì)中新聞欄目實(shí)例練習(xí)CSS設(shè)置列表的方法，以及列表在網(wǎng)頁中的應(yīng)用?！静僮鞑襟E】第1步，啟動(dòng)Dreamweaver，新建
查看詳情
