CSS文本框怎么下移

html-css021

CSS文本框怎么下移,第1张

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：textarea {margin-top: 100px}。

3、浏览器运行index.html页面，此时文本框被成功下移了100px。

新建一个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文件，查看实现的效果。

css让字体下沉的方法：首先创建一个HTML示例文件；然后使用伪元素“::first-letter”选中一段文本的首字；接着使用“font-size”属性设置首字大小；最后通过float属性实现下沉效果即可。