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,新建一个网页。点击布局中的框架按钮,选择要实现的框架类型。
②这样就创建了两个页面,分布命名。点击中间的线就是选中了整个页面,点击文件\保存框架页,进行命名。左右两个页面分别选中再保存,操作一样。
③点击中间的边框,就选中了整个页面,可以对整个页面的属性进行更改,可以移动中间的边框,也可以点击查看\可视化助理,勾选框架边框来显示或隐藏边框。
④再分别更正左右两个页面的页面属性。
- 上一篇: 怎么更改网站的图片?
- 下一篇: 返回列表