CSS 总结

通常为了配合页面整体的效果 会特别地制作一些带有背景色彩的按钮.

这是用默认脚本写的按钮

1. <input type="button" value=" 重新选取试卷 ">  

现在我们来改造这个相对来说比较丑的按钮

1.先选择按钮的背景图片bg.gif 如图:

2.为我们的按钮定义Css样式 代码如下:

.button {                   font-family: Tahoma;                     font-size: 12px;                       color: #333333;                                     text-decoration: none;                   border: 1px solid #666666;                   background-image: url(../images/bg.gif);     }  

3.在原先按钮的代码中使用我们定义的button样式 代码如下:

1. <input type="button" class=button value=" 重新选取试卷 ">  

4.最后的效果 如图:

  精致了很多吧!

文本框(Input)可以通过重写Css中默认属性来改变文本框中文本的显示位置.

文本默认是 靠左显示.

现在我们来重写Css让其在 居中或 靠右显示

1. <input type="text"  style="text-align: center"/> 文本居中   
2. <input type="text"  style="text-align: right"/> 文本靠右  

---