如何在JSP页面里的超链接加上背景图片,让其看起来像个按钮

如何在JSP页面里的超链接加上背景图片,让其看起来像个按钮,第1张

lv
a{
background:url(/images/xxgif)
no-repeat;
width:100px;
height:36px;
float:left}
这样是一开始看到的背景
lv
a:hover{
background:url(/images/xxxgif)
no-repeat;
width:100px;
height:36px;
float:left}
这样是当鼠标经过的时候,出现相应的背景。

<style type="text/css">
<!--
body {
background-image: url(res/jay2jpg);
}
-->
</style>
在head中间加上上面这段CSS。url里面的参数是你的的路径。

JSP中插入的就是一个html的img标签,如
<img src="images/hipng"/>
1 上传到服务器的文件系统中
2 把的地址保存到数据库
3 读取的地址,设置到<img src=""/>的src属性中

  <button style="background: #FF0000">红色按钮</button>
  <input type="button" value="蓝色按钮" style="color: red;background: #0000FF"/>

这是我以前的一个小代码你可以看看
public class demo_9 extends JFrame {
JSplitPane jsp = null;
JList jlist;
JLabel jlabel;
public static void main(String[] args) {
demo_9 a = new demo_9();
}
public demo_9(){
String []words ={"boy","girl"};
JList jlist = new JList(words);
jlabel = new JLabel(new ImageIcon("Image//真三gif")); //这里就是引入了
//拆分窗格
jsp = new JSplitPane(JSplitPaneHORIZONTAL_SPLIT,jlist,jlabel);
jspsetDividerLocation(70);
//设置可以伸缩
jspsetOneTouchExpandable(true);
thisadd(jsp);
thissetTitle("test");
thissetSize(400,300);
thissetLocation(400,200);
thissetVisible(true);
}
}
步骤:首先先在project里新建个文件夹(Folder),然后把你要插入的复制黏贴到这个文件夹里面。
例如我那个引入的代码:jlabel = new JLabel(new ImageIcon("Image//真三gif"));
我new一个folder叫Image,名称叫"真三gif"

在webcotent目录下右键新建个文件夹,的话一般起images,多个文件夹根据需要取名字都可以,在该目录下建二级,三级目录也可以;至于form表单,没试过直接给添加背景,你可以尝试在form里面嵌入表格(table),它可以直接加背景,或者用个div把form包起来

背景颜色:<body bgcolor=#CED3FF>
背景:<img src="images/agif">
背景音乐:<bgsound src="amp3">


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13380144.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-25
下一篇 2023-07-25

发表评论

登录后才能评论

评论列表(0条)

保存