用myeclipse开发怎么在网页上添加背景图片

用myeclipse开发怎么在网页上添加背景图片,第1张

在css文件中添加样式代码:

body{

background-image: url(背景图片的地址)

background-repeat: no-repeat

background-position:50% 50%

background-size:50% 50%

}

background-repeat: no-repeat

表示背景图片不平铺。

background-position:50% 50%

表示背景图片居中显示。

background-size:50% 50%

规定背景图像的尺寸。

扩展资料:

背景图片的其他属性:

1、background-attachment:

定义滚动时背景图像相对于谁固定

参数:

scroll:图片的容器进行定位。

local:相对于内容进行定位。

fixed:相对于视口定位

2、background-origin:规定背景图片的定位区域。

背景图片可以放置于 content-box、padding-box 或 border-box 区域。

3、background-clip 属性规定背景的绘制区域。

border-box:背景被裁剪到边框盒。

padding-box:背景被裁剪到内边距框。

content-box:背景被裁剪到内容框。

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(JSplitPane.HORIZONTAL_SPLIT,jlist,jlabel)

jsp.setDividerLocation(70)

//设置可以伸缩

jsp.setOneTouchExpandable(true)

this.add(jsp)

this.setTitle("test")

this.setSize(400,300)

this.setLocation(400,200)

this.setVisible(true)

}

}

步骤:首先先在project里新建个文件夹(Folder),然后把你要插入的图片复制黏贴到这个文件夹里面。

例如我那个引入的图片代码:jlabel = new JLabel(new ImageIcon("Image//真三.gif"))

我new一个folder叫Image,图片名称叫"真三.gif"

有很多方法,举例一种吧,用Image方式,用ImageIO类的read方法读进来,然后在窗口重载的paint()方法里面,用Graphics类的drawImage方法把它画到窗口里。

import java.awt.Frame

import java.awt.Graphics

import java.awt.Image

import java.awt.event.WindowAdapter

import java.awt.event.WindowEvent

import java.io.File

import javax.imageio.ImageIO

public class Test1 extends Frame{

public void initComponents(){

setTitle("图片测试")

setBounds(100, 100, 300, 200)

setVisible(true)

addWindowListener(new WindowAdapter(){

@Override

public void windowClosing(WindowEvent e) {

System.exit(0)

}

})

}

public static void main(String[] args) {

new Test1().initComponents()

}

public void paint(Graphics g){

try{

Image img1 =ImageIO.read(new File("c:/java.jpg"))

g.drawImage(img1, 50, 50, this)

}catch(Exception e){

e.printStackTrace()

}

}

}


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

原文地址: http://outofmemory.cn/bake/11651517.html

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

发表评论

登录后才能评论

评论列表(0条)

保存