1、打开WebContent文件。
2、导入自己的css文件。
3、创建自己的jsp文件。
4、添加引用css文件的代码。
5、<link href="<%=request.getContextPath()%>/css/css.css" rel="stylesheet">(可复制使用,复制以后路径要进行修改) ,标红的地方是css文件路径,填对自己的路径。
6、还可以导入自己喜欢的图片到img文件。
7、打开css.css文件,编辑将图片名称,输入至该位置。
jsp引用css没效果原因总结如下:1、先看是否正确引入了css文件,可以在css文件的顶部加一句 *{border:1px solid red} ,这样,如果正确加载了,页面效果会出现很多红框;
2、看对应的类名、ID是否写对了;
比如有jsp页面引入了Mycss.css样式,具体代码如下:
<span style="font-size:18px"><link href="Mycss.css" rel="stylesheet" type="text/css" /></span>
这里的css不会生效,因为没有找到该路径,改成了绝对路径,这里用到了jsp页面生成的对象basePath,定义如下:
%
String path = request.getContextPath()
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"
%>
这样就会得到css了。