如何用CSS修改提交按钮样式

Posted 2023-05-07

如何用CSS修改提交按钮样式

非IE6浏览器，可以使用input:hover的伪类来控制样式，但IE6浏览器只能用JS来实现了，需要设定两个状态，然后用JS切换类。

<style>
#c_button width:92px; height:30px; border:0; float:left;
.c_upbackground:url(../images/i_login_btn.png) no-repeat 0 top;
.c_downbackground:url(../images/i_login_btn.png) no-repeat 0 bottom;
</style>

<input name="" id="c_button" class="c_up" type="submit" value="" title="点击登录"/>

<script type="text/javascript">
document.getElementById("c_button").onmouseover=function() this.className = "c_down";
document.getElementById("c_button").onmouseout=function()this.className = "c_up";
</script> 参考技术A 直接修改就行了啊
<input type="submit" style="height:px;width:px;">
或者起个名字在css中写样式
<input type="submit" class="submit"> 参考技术B 在CSS里面改
例如<input type="submit" value="提交" name="submit">

然后在css里面修改
input
background:red;
width:长度;
height:高度;

如何用css样式设计整个网站字体

网站字体分为两种类型，一种是默认字体，一种是外部字体。

默认字体

　　如果整个网页都要弄成宋体的话就将body定义为宋体即可，即在样式表中加入：bodyfont-family:"宋体"，如果只要一部分为宋体，那将那一部分的层的字体样式定义为宋体就行了。

　　默认的字体有宋体、楷体、黑体、新宋体、仿宋等。

外部字体

样式表中嵌入外部字体，用@font-face语法。

@font-facefont-family:name;src:<url>;sRules;

<name>：为自定义字体名称

<url>：使用绝对或相对地址指定OpenType字体

<sRules>：样式表定义

如：

@font-face

font-family:YH;

src:url(http://www.xxx.com/xxx.ttf);

然后再设置需要变换字体的样式即可，如：bodyfont-family:YH，字体名称是上述所说自定义好的名称。

参考技术A css样式不是设计,它是对整个网页各种布局跟形态视觉上的控制!
如何控制,当然是通过对应的层定义相应的字体样式!
举个例子!如果整个网页都要弄成宋体的话就将body定义为宋体即可!
即在样式表中加入:bodyfont-family:"宋体",如果只要一部分为宋体,那将那一部分的层的字体样式定义为宋体就行了!