目的：

只对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元素，但是其优先权最低

*{

属性名: 属性值;

...

}