css制作网页的图片素材-在网页制作中如何在网页中嵌入小图片进行修饰

html/css网页设计

做网站的人都很会利用CSS去修改图片样式,网站里的图像常常带有说明.HTML5技术引一个新的<Figure>元素用来包含图像以及对图像的说明,并且这两项都是相关联的.只要图像的说明是相同的,你就可以在<figure>元素里面添加多个图像.

在HTML5中引入<figcaption>元素是为了让网页设计人员给图像添加说明.在这些元素出现的前面,一直无法把<1mg>元素关联起来.那些不理解HTML5元素的旧浏览器可以直接忽略新元素,只显示其中的内容.

在这个示例中,徽标是一个GIF图像,它使用了平面彩色,示例中的照片则是JPEG图像.这幅主体照片被放在了HTML5的<figure>元素内并且拥有了属于它的图像说明.每幅图像上的alt特性用来为那些使用屏幕阅读器的读者提供图像描述,title特性则提供一些附加信息(这些信息显示在提示框内).本示例没有使用正在逐渐被淘汰的height、width或align特性.北京鸿讯泰德小编推荐您使用CSS属性来替代它们.

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

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

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

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

5、打开浏览器,可以看到照片都显示出来了。以上就是html插入照片的方法介绍:

在百度搜索中键入关键词“css模板下载”,然后右键将你喜欢的小图标保存下来,平时浏览网页的时候也注意这些细节问题的;

你给出的两张图片一张是分割线,一张是用来平铺的图片,可以搜集也可以自己做;

背景透明的图片如果要用在百度的话就是将你做的图片去掉背景层保存成gif格式然后上传使用就可以了。