1、首先创建一个txt文件，修改后缀名：把.txt改为.html，用记事本打开添加如下代码：打开浏览器，这是一个没有添加样式的button，外观不美观，而且在不同的浏览器下显示的外观是不一样的，所以我们要添加统一的样式。
专注于为中小企业提供成都网站建设、成都网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业杞县免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上千多家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
2、按钮样式比较多，这样写让代码不整洁，可阅读性差，就要用style标签。
3、style type="text/css"/style样式表。style标签里面表示的是一个样式表，我们所有的样式都可以写到标签中去。这段代码的意思是：凡是button标签都使用这个样式。
4、把 样式表中的 button{}改成了.ui_button{}，然后在button标签里面加了class属性，这样做的意思是，这个button标签使用了名字为ui_button的样式。
5、通过javascript动态修改样式，为了避免用户多次点击提交按钮重复提交信息，在用户点击提交按钮之后，禁用按钮，并设置按钮字体的颜色为灰色。
6、修改样式的其他方法：obj.style.cssText = "color:#E1E1E1;background-color:black;";cssText可以写多个样式样式属性。
7、修改样式的其他方法：obj.setAttribute("class", "style2");直接更改按钮标签的class属性，把指向名为ui_button的样式改为指向名为style2的样式。
8、修改样式的其他方法：link href="css1.css" rel="stylesheet" type="text/css" id="css"/obj.setAttribute("href","css2.css");修改引用外部的样式表文件，这样就可以对整个页面的样式进行全部更新。
.tl {
width: 240px;
height: 193px;
position: absolute;/*这里一定要设置*/
z-index: 999999;/*这里是该元素与显示屏的距离，据说越大越好，因为没有它也是可以的*/
margin-top: 20%;
margin-left: -209px;
background-image :url("/ship_three/images/tl.png");
-webkit-transition: .5s ease-in-out;/* css的transition允许css的属性值在一定的时间内从一个状态平滑的过渡到另一个状态 */
-moz-transition: .5s ease-in-out;/*这里为了兼容其他浏览器*/
-o-transition: .5s ease-in-out;
background-image: url("/ship_three/images/tl.png");
}
可以，没问题CSS代码就是上面的。
扩展资料：
div中style使用css代码
div中可以直接写CSS样式代码，只需要DIV代码（标签）中使用style属性即可直接写CSS样式。
DIV代码：
div style="color:#F00;border:1px solid #000;width:300px;height:100px"你好 DIVCSS5/div
完整案例代码与效果截图：
完整HTML案例代码
!DOCTYPE html
html
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titleDIV直接写CSS DIVCSS5案例/title
/head
body
div style="color:#F00;border:1px solid #000;width:300px;height:100px"你好 DIVCSS5/div
/body
/html
div标签内常用属性列表
1、style 设置css样式(扩展了解style标签)
2、align 设置div盒子内的内容居中、居左、居右
3、id 引人外部对应#（井号）选择符号样式
4、class 引人外部对应.（句号）选择符号样式
5、title 设置div（标题）鼠标经过时显示文字（扩展了解 title标签）
参考资料来源：DIV-百度百科
button{
width:70px;
height:30px;
color:#fff;
text-align: center;
background-color:#c00;
color:#fff;
line-height: 28px;
border-radius:15px;
border:0;
outline: 0;
transition: background 0.2s
}
button:hover{
background:#666
}
buttonGo/button
一般通过position:absolute; top:0; right:0; 即可，请粘贴你的代码看一下吧
用background-position去取背景图片的坐标 a{background:url(
?t=1315462873338) no-repeat -6px -3px;display:block;width:79px;height:33px;text-indent:-9999px;}a:hover{background-position:-87px -3px;}登陆
