在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>