Dreamweaver中怎么讓html網(wǎng)頁中的table邊框細(xì)線顯示?

對于不是編程的我們,用Dreamweaver制作表格的情況下。默認(rèn)表格邊框會標(biāo)的比較粗,今天給大家介紹下制作西表格超級簡單的方法。是復(fù)制一段CSS內(nèi)嵌樣式方法來制作細(xì)線表格,然后再通過bordercolor,讓邊框顏色產(chǎn)品變化。觀看起來更加美觀。
方法一:
1、首先打開Dreamweaver CS6創(chuàng)建一個表格
2、邊框粗細(xì)為1像素,單元格邊距和間距為零。(默認(rèn)狀態(tài)即可)
方法二:
1、我們點實時視圖看預(yù)覽的表格邊框比較粗,實際上在瀏覽器觀看也是一樣的,我就不貼圖了。
2、在table標(biāo)簽里面添加一個style內(nèi)嵌樣式,復(fù)制下面的代碼。
- style="
- border-collapse:collapse;
- border-width:thin;
- border-style:solid;"
3、然后讓我們開下點下圖片里的實際視圖。一目了然。按道理說應(yīng)該完善了。但是如果有需要的話,加點顏色會更好。
方法三:
1、按圖所示,最重要的一點,我沒有點實際視圖,是方面給大家演示出來的效果。
2、然后可以根據(jù)大家的需求來選擇。我們直接來看效果吧!
相關(guān)推薦:
Dreamweaver8怎么制作個人風(fēng)格的界面和欄?
Dreamweaver怎么創(chuàng)建簡單的html頁面并保存?
相關(guān)文章
CSS樣式簡單實現(xiàn)Table沒有外邊框只有內(nèi)邊框
Table默認(rèn)是有外邊框,有內(nèi)邊框的,那么如何通過css樣式簡單實現(xiàn)Table沒有外邊框,只有內(nèi)邊框呢?下面有個不錯的示例,大家可以看看2014-06-13一個屬性border-collapse解決Table的邊框問題
表格的邊框算是頁面制作中最頭痛的,帶邊線的表格在之前非常討厭做,不過今天終于解決了這個問題,下面將示例與大家分享下2014-03-26- 在默認(rèn)的情況下,我們的CSS將Table的邊框清除掉了,下面與大家分享下CSS控制Table內(nèi)外邊框、顏色、大小的樣式,想學(xué)習(xí)的朋友可以參考下2013-08-01
- 在css中已經(jīng)寫好了使table不顯示邊框的代碼,在ie瀏覽器中顯示正常,但是在火狐和谷歌瀏覽器中顯示不正常,table的每個邊框都顯示了出來,因為瀏覽器不同帶來的麻煩可是不2013-06-26
- 表格邊框的顯示與隱藏,是可以用frame參數(shù)來控制的。請注意它只控制表格的邊框圖,而不影晌單元格。2011-04-01
用CSS設(shè)置表格Table的細(xì)邊框的比較好用的方法
大家經(jīng)常會發(fā)現(xiàn)Table的BORDER設(shè)置為1,得到的邊框卻不是想要的1個像素的細(xì)邊框,于是很多人去想方設(shè)法做出細(xì)邊框的效果。2010-06-23- 表格邊框的處理是CSS網(wǎng)頁布局中經(jīng)常會遇到的內(nèi)容,在webjx.com中也有過相關(guān)的介紹,除了將表格作為一個整體進(jìn)行定義,您也可以將表格邊框的四個部分分別進(jìn)行定義,包括頂部2010-01-23
- 前面學(xué)了網(wǎng)頁表格中的單元格線條的設(shè)置方法,今天學(xué)習(xí)網(wǎng)頁表格的邊框線的設(shè)置方法。 ------------------------------------------------------------------------------2008-10-17
- 網(wǎng)頁表格表框制作技巧。 -------------------------------------------------------------------------------- 表格邊框的顯示與隱藏,是可以用frame參數(shù)來控制的。請2008-10-17
- 這篇文章主要介紹了Table顯示你要顯示的邊框代碼的相關(guān)資料,需要的朋友可以參考下2016-05-03