表单

表单练习

1,div 给网页分层

2,link引入css外部样式

     

3,创建外部样式 input.css:

.div {

width: 1350px

}

.div1 {

background: url(../gouwu/bei.png);

text-align: center;

width: 1350px;

height: 110px

}

.div1 h1 {

font-size: 50px

}

.div1 p {

float: right;

font-size: 20px;

padding: 0 100px 0 0

}

.div2 {

background: url(../gouwu/hua.png);

float: left;

width: 230px;

height: 510px

}

.div2 ul {

font-size: 20px;

padding: 0 0 0 80px

}

.div3 {

float: left;

}

.div3 th {

text-align: right;

padding: 20px 0 0 200px

}

.div3 td {

padding: 20px 0 0 0

}

.input {

width: 300px;

height: 30px

}

.in {

width: 100px;

height: 15px

}

.put {

width: 150px;

height: 40px

}

4,运用表格排列表单 代码如下:

 

   

     

       

       

     

      .

      .

      .

   

   

运行结果如下:

5.内联框架

用class给div名类名:

5.1 搭建内联框架:

   .

   .

   .

5.2  css样式: