目的：

只對table標簽設置邊框樣式，將讓此表格最外層table一個邊框，而表格內部不產生邊框樣式。

解決辦法：

1.新建一個html文件，命名為test.html，用于講解div+css怎么調輸入框的大小位置。

2.在test.html文件內，使用div創建一個模塊，并設置div的id為mydiv。

3.在test.html文件內，在div標簽內，使用input標簽創建一個輸入框。

4.在css標簽中，通過類名mydiv設置div的樣式 ，定義其寬度為300px，高度為200px，背景顏色為灰色。

5.在css標簽中，使用margin-top來定義input的位置，距離div的上邊緣為50px，使用width和height屬性設置input輸入框的大小為，長150px，高度為30px

6.在瀏覽器打開test.html文件，查看實現的效果。

打開一個html代碼頁面，創建一個div標簽。

使用css設置背景圖片邊框為2px的虛線邊框

保存html代碼后使用瀏覽器打開，即可看到div標簽上顯示了一個虛線的邊框

css設置邊框的方法：1、在一個border簡寫屬性設置邊框；2、按照【border-width】、【border-style】、【border-color】屬性順序依次設置邊框樣式。

1.類選擇器（class選擇器）

基本使用：

.類選擇器{

屬性名: 屬性值;

...}

2.id選擇器

基本使用：

#id選擇器{

屬性名: 屬性值;

...

}

3. html元素選擇器

某個html元素{

屬性名: 屬性值;

...

}

4.通配符選擇器

該選擇器可以用到所有的html元素，但是其優先權最低

*{

屬性名: 屬性值;

...

}