HTML进阶应用技巧(十)用好表单的按钮--> </style> 本例的按钮代码如下: <input type="submit" name="Submit2" value="提 交" onmouseover="this.className='style4'" onmouseout="this.className='style3'" class="style3"> 从按钮代码可看出它与例一的按钮代码完全相同,但本例的CSS代码与例一有较大的区别,这里要注意:url后面的括号中是按钮背景图片的地址,也就是含路径的图片文件名,你在实际制作时要把它改成图片的实际地址。 另外再多讲一句,你若是用图形化网页制作工具(如Dreamweaver),那么凡是用CSS产生的效果,一般在编辑窗中是看不到的, 如本文的按钮效果,只有在预览时才能看到,在编辑窗口中看到的仍是表单默认的那种样子。 上一篇: HTML进阶应用技巧(九)用好表单的选择框 下一篇: HTML进阶应用技巧(十一)用好帧窗口标记 更多相关文章
|
推荐文章
精彩文章
|