css输入框里的默认背景字怎么设置

html-css011

css输入框里的默认背景字怎么设置,第1张

在css中,可以color属性来设置文本框内的文字颜色,操作方法如下。

设备:联想电脑

系统:win10

代码编辑器:zend studio 10.0

1、首先新建一个html文件,命名为test.html,在test.html文件内,使用input标签创建一个输入框。

2、在test.html文件内,设置input标签的class属性为myin。

3、在css标签内,通过class定义input的样式,设置它的宽度为250px,高度为35px。

4、在css标签内,再使用color属性设置输入框文字的颜色为红色。

5、最后在浏览器打开test.html文件,查看实现的效果。

有很多种方法可以实现。

随便写几种。

------------------------------

CSS部分:

.text{background-imageurl(pic.jpg)

width: xx px /*你自己定义的宽*/

height: xx px /*你自己定义的高*/

overflow:hidden/*超出部分隐藏*/}

.text span{

margin-top:xx px/*离上边距离*/

margin-left:xx px/*离左边距离*/

}

html部分:

<div class="text"><span>字</span></div>

------------------------------

CSS部分:

.text{background-imageurl(pic.jpg)

width: xx px /*你自己定义的宽*/

height: xx px /*你自己定义的高*/

position:relative/*相对定位*/}

.text span{

position:absolute/*绝对定位*/

top:xx px/*离上边距离*/

left:xx px/*离左边距离*/

}

html部分:

<div class="text"><span>字</span></div>

--------------------------------------

CSS部分:

.text{background-imageurl(pic.jpg)

width: xx px /*注意,这里是你自己定义的宽减去padding-left的值*/

height: xx px /*注意,这里是你你自己定义的高减去padding-top的值*/

padding-top:xx px/*离上边距离*/

padding-left:xx px/*离左边距离*/

}

html部分:

<div class="text">字</div>

lz自己选吧。

在css中设置字体和div的位置:

在css中设置字体,一般情况下,我们都是通过font这个css属性来完成,font-family:"字体名字(如:微软雅黑)"还可以使用font-size对字体的大小做限制,如font-size:12px;

div的位置,我们首先需要知道你要将你的这个div固定的位置,也就是left和top,在使用position的定位来做就行,这里给出具体的代码:

<html>

<head>

<style>

.headr{

width:300px

height:200px

border:1px solid #f00

position:absoulte

left:100px //只是假定的值,具体需测量

top:200px

}

</head>

<body>

<div class="headr" > //页头

</div>

</body>

</html>