需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：textarea {margin-top: 100px}。
3、浏览器运行index.html页面，此时文本框被成功下移了100px。
例一：＜select name="select" size="1" style="font-family:Verdana,Arialfont-size: 9ptcolor: #FF0000"＞
＜option value="2" selected＞yesky.com＜/option＞
＜option value="1"＞redidea.net＜/option＞
＜/select＞
查一下手册,还有好多项可以设置.
例二：
<html>
<head>
<style>
.box
{
border: 1px solid #C0C0C0
width: 182px
height: 20px
clip: rect( 0px, 181px, 20px, 0px )
overflow: hidden
}
.box2
{
border: 1px solid #F4F4F4
width: 180px
height: 18px
clip: rect( 0px, 179px, 18px, 0px )
overflow: hidden
}
select
{
position: relative
left: -2px
top: -2px
width: 183px
line-height: 14pxcolor: #909993
border-style: none
border-width: 0px
}
</style>
</head>
<body>
<div class = box><div class = box2>
<select size = "1" name = "D1">
<option>内容一</option>
<option>内容二</option>
</select>
</div></div>
</body>
</html>
新建一个html文件，命名为test.html，用于讲解CSS实现文本框怎么下移。在test.html文件内，使用div标签创建一个模块，并设置div的class属性为mydiv，主要用于下面通过该class来设置css样式。在test.html文件内，在div标签内，使用input标签创建一个文本框，并设置input的id属性为myinput。在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内在css标签中，定义类名为mydiv的样式，使用border设置div的边框为1px灰色边框，使用width设置div的宽度为400px，使用height设置div的高度为200px。在浏览器中打开test.html文件，查看文本框未下移前的效果。在css标签内，定义id为myinput的样式，使用margin-top设置文本框下移20px。在浏览器打开test.html文件，查看实现的效果。
