在css文本框中插入文字图片怎样移动它们的位置?

html-css03

在css文本框中插入文字图片怎样移动它们的位置?,第1张

可以通过设置 line-height 例如 line-height:120%

而且也可以font-size:140%设置 字体的大小

letter-spacing:10px字与字之间的间距是10px距离

以上这些只是一些简单的例子，你可以在文本框里调用一个css样式实现这些功能，当然还有很多

比如：text-align：right文字靠右对齐 left是靠左对齐 等等；

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

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

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

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

<div style="width:100%text-align:center"><input type="text" value="Text Box" style="width:300px" /></div>

实现Text Box左右居中, 随页面界面缩小或放大而一直居中(方法: 使用一个宽度100%的div, 让其内容居中).