在css里定义了好几button,但在jsp里显示不了,设置字体之类的ok。感觉是图片的路径的问题。
部分CSS代码:
html {
width: 100%;
height: 100%;
}body {
font-size: 50px;
font-family: "Arial", "Tahoma", "微软雅黑", "雅黑";
line-height: 18px;
padding: 200px;
margin: 60px;
text-align: center;
background-image: url("/MyJSP/WebRoot/JK.jpg");
height:200;
width: 200;
border-style: solid;
border-color: Cornsilk;
border-width: 100px;
border-bottom-style: solid;
background-repeat: no-repeat
}div {
padding: 18px;
}img {
border: 0px;
vertical-align: middle;
padding: 0px;
margin: 0px;
}input,button {
font-family: "Arial", "Tahoma", "微软雅黑", "雅黑";
border: 0px;
vertical-align: middle;
margin: 8px;
line-height: 18px;
font-size: 18px;
}/* download by http://www.websjy.com */
.pbtn1 {
border: solid 2px #dcdcdc;
padding: 4px 14px 4px 34px;
color: #959595;
}.btn1 {
/*background:url(F:\JavaEE\myEclipse\MyJSP\WebRoot\images\button\bg11.jpg) no-repeat 8px center;*/
background-color: #f9f9f9;
}.btn2 {
background: url("images/button/delete.gif") no-repeat 8px center;
background-color: #f9f9f9;
}.btn3 {
background: url("/MyJSP/WebRoot/images/button/reset.gif") no-repeat 8px center;
}
JSP代码:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
  <body>&nbsp;  
  <link rel="stylesheet" type="text/css" href="button.css">
   Button<input type="btn3"><BR>
   Button<input type="btn1"><BR>   Button<input type="btn2"><BR>  </body>
</html>还有工程目录: