1、前端border邊框，html如何設(shè)置表格邊框?yàn)橐粭l線？

方法一:作一個(gè)1x2的圖。

半黑半白，再利用表格作成線。這種方法雖然麻煩，但在任何瀏覽器中均可瀏覽，兼容性最好。

方法二:在css里面設(shè)定。

如果你用dreamweaver話，只要在css面板里new一個(gè)style，選擇“redefinehtmltag”，再在下拉菜單里先“table”，在彈出的面板里，category里選擇border，在border里，將top,left,right,bottom都設(shè)成1px，顏色設(shè)成你想要的邊框的顏色。然后在style下拉框里選擇dashed。一切ok。只是所有的表格都會(huì)用虛線做邊框了。注意，這個(gè)效果在瀏覽器里才能看見(jiàn)。

2、css中border占用空間嗎？

可以確定占用空間。

當(dāng)一個(gè)高30的元素設(shè)置了border邊框后，他的實(shí)際高度要加上邊框的高度。

當(dāng)然，在有特定需求時(shí)，可以通過(guò)樣式設(shè)置，達(dá)到忽略邊框高度的目的。

box-sizing 屬性允許我們?cè)谠氐目倢挾群透叨戎邪▋?nèi)邊距和邊框。

如果在元素上設(shè)置了 box-sizing: border-box;，則寬度和高度會(huì)包括內(nèi)邊距和邊框。

3、css怎么增加邊框沒(méi)有間隙？

css增加邊框沒(méi)有間隙的方式如下

方法一：通用兄弟選擇器( ~ )

Document

ul {margin: 0; padding: 0;}

li { list-style: none; height: 50px; line-height: 50px;}

li~li {border-top: 1px solid #000;}

1

2

3

4

5

6

li~li {...} 中的 ~ 符號(hào)稱(chēng)為通用兄弟選擇器，匹配P元素之后的P元素，所以第一個(gè)P元素不會(huì)匹配到。

方法二：偽類(lèi)選擇器( :first-of-type / :last-of-type )

Document

ul {margin: 0; padding: 0;}

li { border-top: 1px solid #000; list-style: none; height: 50px; line-height: 50px;}

li:first-of-type {border-top: none;}

1

2

3

4

5

6

首先將所有 li 設(shè)置 border-top，然后用 :first-of-type 查找到第一個(gè) li ，取消border-top。

4、css按鈕邊框類(lèi)型？

border后加三個(gè)參數(shù)：邊框粗細(xì) 邊框樣式 邊框顏色 如border:2px solid #ccc; 其中邊框樣式包括：none 定義無(wú)邊框。solid 定義實(shí)線。dotted 定義點(diǎn)狀邊框。在大多數(shù)瀏覽器中呈現(xiàn)為實(shí)線。 dashed 定義虛線。在大多數(shù)瀏覽器中呈現(xiàn)為實(shí)線。double 定義雙線。雙線的寬度等于 border-width 的值。