半点优化网 http://www.bdxc.net/
当前位置首页 > 网站建设> 正文

如何用html5插入背景图片?

2022-07-26 13:30:33 暂无评论 41 网站建设 背景图片   局部   插入

1、插入背景图片有两种方法,一种是用html的img标签,另一种是利用css的background标签插入。具体操作是首先新建一个html文件,写入两个div,分别用来演示两种方法插入标签:

2、首先是用html标签插入图片,这里直接在img标签中使用src属性就可以插入图片路径就成功了:

3、接着是用css插入,在div中设置class属性为img2,在script标签中使用background标签插入,其中url是标签的路径,no-repeat是设置图片不重复,center是设置照片居中显示:

4、最后给这些标签都设置一些样式,让它们显得美观一些。然后打开浏览器查看效果:

5、打开浏览器,可以看到照片都显示出来了。

网页设计中添加背景图片使用的是background属性还是background-image属性?

background是所有背景属性的集合,而background-image就只是背景图片,如果在添加背景图片时还要添加背景的其他属性,比如大小、位置、重复、颜色等等,请用background,如果只添加图片,其他属性都采用系统默认值,或者在已有背景图片但需要更换图片的情况下,请用background-image。

网页制作,背景图片一般选用多大的?

不知道你所说的背景图片是什么样子的 如果是单纯的一个渐变 或者是几何图形 只需要切下一部分就可以 然后设为背景图像 如果是人物、风景这样的图案就要根据你所做的网页宽度来决定了 一般1000就够

网页设计,怎么插入局部框架的背景图片

一、添加背景图片:body { background: url(xxx.jpg); }
原本<body>卷标提供了以下几种设定:
<body
alink=colorvalue
background=url
bgcolro=colorvalue
link=colorvalue
text=colorvalue
bgproperties=fixed /*背景固定
leftmargin=pixels /*离浏览器显示窗左边的距离
topmargin=fixels /*离浏览器显示窗上面的距离
>
background-image:url(n.jpg)
/*背景图档

background-repeat:repeat|repeat-x|repeat-y|no-repeat
/* 重复显示全影幕|水平方向重复|垂直方向重复|不重复显示

background-attachment:scroll|fixed
/*卷动或固定

background-position:x%,y%|x,y|top|left|center|bottom|right
/*背景图文件位置

二、添加框架:

①打开Dreamweaver,新建一个网页。点击布局中的框架按钮,选择要实现的框架类型。
②这样就创建了两个页面,分布命名。点击中间的线就是选中了整个页面,点击文件\保存框架页,进行命名。左右两个页面分别选中再保存,操作一样。
③点击中间的边框,就选中了整个页面,可以对整个页面的属性进行更改,可以移动中间的边框,也可以点击查看\可视化助理,勾选框架边框来显示或隐藏边框。
④再分别更正左右两个页面的页面属性。