扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
1、首先在电脑端找到Dw软件，进行打开操作，然后新建一个html文件。
创新互联建站专业为企业提供嫩江网站建设、嫩江做网站、嫩江网站设计、嫩江网站制作等企业网站建设、网页设计与制作、嫩江企业网站模板建站服务，十年嫩江做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
2、新建文件完成之后，写入一个div代码操作，如图所示。
3、写入div代码之后，引入一个css样式，如图代码操作所示。
4、引入样式代码之后，打开引入的css.文件，如图所示。
5、在新引入的css文件中，写入css背景图片代码即可，如图所示。
以实现一张图片双面翻转为例：
方法一：
1、实现CSS样式的方法代码如下。
2、实现前端布局的方法代码如下。
3、实现图片翻转CSS样式代码如下。
方法二：
1、实现正反面效果的HTML的方法代码如下。
2、实现CSS样式的方法代码。
3、然后实现竖向翻转的方法代码如下。
.img-rounded {
border-radius: 12px;
transition: opacity 0.5s ease 0s;
max-width: 100%;
}
.img-no-padding {
padding: 0;
}
可以在CSS里面用background-image:url(你的图片地址)。这样来加入图片，展现到网页中。
div id="bgimg"/div
#bgimg {
background: #333 url(图片路径) center center no-repeat;
}
第一个参数，图片底层的背景颜色，第二个参数，图片路径，第三个参数，图片上下的相对位置（其他参数left,right），第四个参数，图片左右的相对位置（top,bottom），第五个参数，图片的重复（其他参数 repeat,repeat-x,repeat-y）
扩展资料：
css背景图片代码：
{background-image: url(url)|none}；指定要使用的一个或多个背景图像
例子代码：
html
head
meta charset="UTF-8"
title背景图片/title
style
body{background:#ddd;}
.div1{
width:300px;
height:150px;
background-image:url(2.jpg);
}
/style
/head
body
div背景图片/div
/body
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网