CSS表单文本框的位置如何设定

html-css07

CSS表单文本框的位置如何设定,第1张

CSS表单文本框的位置,首先我们需要看要求放置的位置,这里我们需要使用的是css的position的定位属性,一般是使用绝对定位,这里我们可以举个例子来体现:

<html>

<head>

<style>

input{

width:200px 

height:30px

position:absoulte

left:300px           //这里假定的值,具体应用需要测量

top:200px 

}

</style>

</head>

<body>

我的名字:<input type='text'>

</body>

</html>

用css改变输入框样式的方法如下:

1、打开编辑工具,创建静态页面。

2、在页面中插入一个输入框。

3、设置输入框的宽度、高度、文字样式。

4、在初始化函数里编写table函数,对于不同情况设置不同的样式。

5、预览静态页面,打开浏览器调试结果。

6、保存代码并预览页面,即可看到页面展示的效果。

7、按照上述操作,即可完成用css改变输入框样式。

给input 一个 style属性, 如下

<input style="padding-left:10px"/>即可, 可以根据自己需要修改 padding-left的值