導航:首頁 > 萬維百科 > 網頁設計border意思

網頁設計border意思

發布時間:2021-02-08 22:05:06

1、網頁設計中的邊框代碼如何做?

用到CSS樣式和HTML標簽元素,為了對html不同標簽加邊框虛線,我們選擇幾個常用標簽對齊設置邊框虛線效果.

1、html常用標簽:p標簽 spanul li table tr td;

2、實例用到CSS屬性單詞:border width height;

3、實現虛線的CSS重點介紹

border為邊框屬性,如果要實現對象邊框效果,要設置邊框寬度、邊框顏色、邊框樣式(實線還是虛線).

border:1px dashed #F00 這個就是設置邊框樣式寬度為1px 虛線,虛線為紅色.

2、網頁中的border:2px solid #00f; 是什麼意思

意思是:邊框設置為2像素 顯示為實現 顏色為黑色

關於border其實還有更多的屬性,最經典的是border-radius  可以設置為圓角。

html代碼有很多 專業的可以去王w3school看下


3、----HTML網頁設計里的邊框問題---!!!!!

使table 的內外邊框有不同的效果,一般都是使用背景色覆蓋的方法來實現內,就是給 table 指定一種背景色(容比如黑色),再給 td 指定一種背景色(比如白色),然後再指定td 的 marign 屬性。

你插入的圖應該是每行都是一個table這樣布局比較容易。
你也可以用 div+css 試試,方法有很多種多試試吧。

4、css中.border是定義什麼的

「Border」(畫邊框),它是CSS的一個屬性,用它可以給能確定范圍的HTML標記(如TD、DIV等等)畫邊框,它可以定義邊框線的類型、寬度和顏色,利用這個特性,可以製作一些特殊效果。下面將通過實 例來說明其應用技巧。
1、給文本加邊框
上面的示例中,給一段文字加了不同的邊框,只是為了說明邊框線的顏色、粗細是可變的。第一個邊框的CSS代碼是:style= "border:thin solid red";「border」後面的三個參數的含義是:邊框線的寬度是:thin(細線);邊框線的類型: solid(實線);邊框線的顏色:red(紅色)。我們定義邊框,實際上就是設定這三個參數值。
邊框線的寬度有三個標准值:thin(細線)、medium(中粗線)和thick(粗線),此外,也可以自定義寬度,如:1pt、5px、2cm等。
邊框線的類型有九個確定值:none(無邊框線)、 dotted(由點組成的虛線)、 dashed(由短線組成的虛線)、 solid (實線)、 double(雙線,雙線寬度加上它們之間的空白部分的寬度就等於border-width定義的寬度)、 groove(3D溝槽狀的邊 框)、 ridge(3D脊狀的邊框)、 inset(3D內嵌邊框,顏色較深)、 outset(3D外嵌邊框,顏色較淺),注意:如果系統不支持這些 邊框的屬性值,那麼「dotted」、「dashed」、「double」、「groove」、「ridge」、「inset」和「outset」都會被 「solid」代替。
邊框線的顏色:可以用十六進制的顏色代碼,如#00ffcc。
從上面可以看出,給文本加邊框確實很簡單,上例中後面那幾個邊框的設置,我不講你也明白了吧!在這里告訴你一點小技巧,給一段文本加邊框,可 把CSS加在〈P〉標記里;給幾段文本加邊框,先把那幾段文本用DIV標記括起來,再把CSS加在〈DIV〉標記里;若是要給一行文本加幾個不同的邊框, 則需要把文本放在表格里,再把CSS分別加到〈TD〉標記里。

2、給導航菜單加分隔線
上面這個例子中的小白線,當然可以用圖象來做,但我在這里是用CSS的「border」的擴展屬性畫了邊框的一條邊,這樣代碼要少的多。畫邊框的單邊與上例的邊框的四條邊類似,一個邊框的四條邊的屬性如下:
邊框線名稱:border-top(上邊框線)、border-right(右邊框線)、border-bottom(下邊框線)和 boder-left(左邊框線);每條邊框線的類型、寬度和顏色的取值與「boder」屬性相同。如本例中要定義每個單元格的左邊框線為白色線,線的寬 度為「1px」的實線,則CSS代碼是這樣的:style="border-left: 1px solid #ffffff"。在單獨定義邊框線時,若 不給出某個值,那麼就取其默認的初始值。在dreamweaver中定義CSS非常方便,不用編寫代碼;把常用的邊框線一次定義好,放在外連式CSS文件 中,要用時調用一下就行了,非常方便。

3、在一個邊框中採用不同寬度和顏色的邊框線
在本例中的效果,當然可以用上例中的方法來實現,但那樣代碼過多,可採用另一種合並的方法,把四條邊的屬性值分類放在一起,如本例的代碼是這樣的:
style="border-style:solid; border-width: thin thin thick thick;border-color:#00ff00 #00ff00 #0000ff #0000ff" 。
從上面可以看出,我把邊框線的類型、寬度和顏色歸類在一起定義了,這里請注意幾點:
一、四條邊框線的位置順序是:上邊框線、右邊框線、下邊框線、左邊框線;
二、我在本例中邊框線的類型只取了一種實線類型,實際上四條邊也可以分別定義不同的類型;
三、屬性值可以定義一個、兩個、三個或者四個。如果僅定義一個屬性值,則其餘三個自動取相同值,如:border-style:solid與 border-style:solid solid solid solid的效果完全一樣;如果僅給出兩個或三個值,那麼缺失邊的屬性值將取與對邊相同 的值。如:boder-width:thin thick與border-width:thin thick thin thick效果相同, border-width:1px 2px 3px與border-width:1px 2px 3px 2px的效果相同。
Border屬性的靈活應用,可以產生許多特殊效果,方法與上面介紹的相同

5、網頁製作中表格的CellPad、CellSpace和Border屬性是什麼意思

cellPadding 單元格襯距
指定單元格內容與單元格邊框的間距大小(以像素為單位版)。

cellSpacing 單元格權間距
指定單元格的間距大小(以像素為單位)。

border 邊框大小
指定表格邊框的大小(以像素為單位)。選擇 0 指定無邊框。

更多表格屬性請參考:
屬性_______________描 述
width______________表格的寬度
height_____________表格的高度
align______________表格的在頁面的水平擺放位置
background_________表格的背景圖片
bgcolor____________表格的背景顏色
border_____________表格邊框的寬度(以像素為單位)
bordercolor________表格邊框顏色
bordercolorlight_____表格邊框明亮部分的顏色
bordercolordark____表格邊框昏暗部分的顏色
cellspacing________單元格之間的間距
cellpadding________單元格內容與單元格邊界之間的空白距離的大小

6、Dreamweaver在hr中border是什麼意思?

Dreamweaver中的hr是一根水平線,來默認是自1像素;
border是邊框,比如:hr{border:1px solid #f000;}代表的是hr這根水平線邊框為1像素,實線,顏色為紅色;(裡面的3個參數可以改的)

7、求各種網頁設計中的邊框設計方法

一種是做按鈕的或者邊框圖片,拿來當背景,另外就是css里定義了l none: 指定表格沒有邊框,所以邊框寬度為0。l dotted: 由點線組成的表格邊框。l dashed: 由虛線組成的表格邊框。l solid: 由實線組成的表格邊框。l Double: 由雙實線組成的表格邊框。l Groove: 槽線效果邊框。l ridge: 脊線效果邊框,和槽線效果相反。l inset: 內凹效果邊框。l outset: 外凸效果邊框,和內凹效果相反。每個邊框類型都可以指定一種顏色,邊框是繪制在背景顏色上的,列表A使用邊框屬性來樣式化整個表格以及錨標記和單獨的單元格。

例如說 css里#tab{border:2px solid #0099FF;} 表達的意思就是說ID為TAB的div或者table的邊框為2個像素的實線顏色為#0099FF。
如果對你有幫助請給我最佳答案謝謝

8、border 的中文意思

邊框、框線 邊框 邊界

9、HTML邊框的這些樣式分別是什麼意思?

border-style屬性:
none 定義無邊框。
hidden 與 "none" 相同。不過應用於表時除外,對於表,hidden 用於解決邊框沖突。
dotted 定義點內狀邊框。在大多數容瀏覽器中呈現為實線。
dashed 定義虛線。在大多數瀏覽器中呈現為實線。
solid 定義實線。
double 定義雙線。雙線的寬度等於 border-width 的值。
groove 定義 3D 凹槽邊框。其效果取決於 border-color 的值。
ridge 定義 3D 壟狀邊框。其效果取決於 border-color 的值。
inset 定義 3D inset 邊框。其效果取決於 border-color 的值。
outset 定義 3D outset 邊框。其效果取決於 border-color 的值。
inherit 規定應該從父元素繼承邊框樣式。

與網頁設計border意思相關的知識