button 添加 css样式

问题描述

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=GB2312"/><title>测试Button的css</title><metaname="author"content=""/><metaname="keywords"content=""/><metaname="description"content=""/><style>.btn_mouseout{#添加背景图片，图片来之互联网;background-image:url('http://www.baidu.com/img/logo-yy.gif');}.btn_mouseover{#给button按钮添加样式；BORDER-RIGHT:#7EBF4F1pxsolid;PADDING-RIGHT:2px;BORDER-TOP:#7EBF4F1pxsolid;PADDING-LEFT:2px;FONT-SIZE:15px;FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#CAE4B6);BORDER-LEFT:#7EBF4F1pxsolid;CURSOR:hand;COLOR:black;PADDING-TOP:2px;BORDER-BOTTOM:#7EBF4F1pxsolid;}.btn{height:32px;width:80px;background-image:url(/images/btn.gif);background-repeat:no-repeat;cursor:pointer;color:#000000;font-weight:500;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;margin-top:16px;}</style></head><body><buttonclass=btn_mouseoutonmouseover="this.className='btn_mouseover'"onmouseout="this.className='btn_mouseout'"title="buttoncss样式按钮">buttoncss样式按钮</button><inputclass="btn"type="button"value="clearAll"name="button01"/></body></html>

解决方案

解决方案二：
button要添加css尤其是背景图片的添加要保证button的4个属性为0呵呵...

时间： 2024-09-17 00:26:06

button 添加 css样式的相关文章

网页添加CSS样式表的四种方式

核心提示:网页添加CSS样式表的四种方式 一.使用STYLE属性: 将STYLE属性直接加在个别的元件标签里. <元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}例如: <TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%>这种用法的优点 是可灵巧应用样式於各标签中,但是缺点则是没有整篇文件的『统一性』. 二

JavaScript动态添加css样式和script标签_javascript技巧

[动态添加css样式] <html> <head> <script type="text/javascript"> window.onload=function(){ var head=document.getElementsByTagName('head')[0]; //获取到head元素 var link=document.createElement('link'); //创建link元素节点,也就是link标签 link.rel="s

JS函数实现动态添加CSS样式表文件_基础知识

先给出函数. 复制代码 代码如下: varaddSheet=function(){ vardoc,cssCode; if(arguments.length==1){ doc=document; cssCode=arguments[0] }elseif(arguments.length==2){ doc=arguments[0]; cssCode=arguments[1]; }else{ alert("addSheet函数最多接受两个参数!"); } if(!+"v1"

添加css样式的三种方法

 一,行内式样式(Inline Style) 即使用style属性,将CSS直接写在HTML标签中. 例如:<p style="color:red">这行段落将显示为红色.</p> 注意:style属性可以用在<body>内的所有(X)HTML标签上,但不能应用与<body>以外的标签,如<title><head>等标签. 二,嵌入式样式表(Embedded Style Sheets) 嵌入式样式表使用"

网页设计中给光标添加CSS样式

CSS允许你控制网页外观和布局的各个方面--包括字体.页边空白和光标.不错,从CSS 2.1开始,你就可以方便地控制用户浏览网页时使用的光标. 标准的CSS光标呈箭头状,一般来说,它都能满足一个网页或网站的需求,但有些时候你可能需要使用其它的光标.在这些情况下,CSS标准提供了众多选项. CSS光标类型下表概括说明了CSS标准中的一些光标类型. 默认光标:使用标准的箭头. 手状光标:光标呈手形,食指伸出. 指针状光标:与手状光标相同. 十字线光标:使用十字光标(一个加号). 移动光标:使用十字光

学习CSS：优化我们的CSS样式表代码

css|样式表|优化 最近看过许多网友制作的SKIN的CSS文件,发现其中有着许多冗余的代码.下面我来跟大家介绍一下,如何清除这些冗余的代码,让你的CSS文件更加简洁. 一.margin.padding属性 参照相关资料我们可以知道,margin和padding代表的意思分别是外部边距和内部填充距离,在许多网友的CSS中,关于这两个属性的冗余代码是出现得最多的.比如:margin:0px,大家可以查看一下自己的CSS文件中,是否许多的margin:0px,其中有的是不需要的,你可以尝试删除它,当

如何用JavaScript实现动态修改CSS样式表_javascript技巧

看过我写的<用JavaScript动态建立或增加CSS样式表的实现方法>之后,你就很容易想明白如何修改CSS样式表了. 正好今天在论坛碰到一位朋友问这样的一个问题: <style> .ls{width=120px;} </style> <script> //在这里加一句来改变.ls中width的值,如何写 </script> 有的朋友回答:"如果使用.ls的对象很多的话,用JS确实不方便, jquery方便,$(".ls&qu

Asp.net 后台添加CSS、JS、Meta标签的方法_实用技巧

下面是从Asp.net 后台添加CSS.JS.Meta标签的写法,我们这里写成函数方便以后使用.如果函数放在页面类中, Page参数也可以不要. 首先导入命名空间 using System.Web.UI.HtmlControls; 复制代码 代码如下: /// /// 添加JS脚本链接 /// /// 页面 /// 路径 public void AddJS(System.Web.UI.Page page, string url) { HtmlGenericControl jsControl =

《jQuery Mobile入门经典》—— 2.2　展现CSS样式

2.2 展现CSS样式 jQuery Mobile入门经典层叠样式表单用来把平淡无奇的内容转换成为令人兴奋和着迷的体验.可以使用几种不同的方式把样式添加到网站中. 当在style标记或外部文件中添加CSS样式时,可以在单独的一行中书写CSS样式,也可以把它分解成段落的格式. 不熟悉CSS的开发者通常喜欢段落的格式,而熟练的开发者可能使用单独的一行并附带空格或制表符来表示样式和布局的层级. 尽管我确实喜欢某一种格式的风格,不过当所有都完成的时候,我会压缩我的CSS样式以在真实环境中使用,所以保持C