3D旋转相册
web网页—3D旋转相册的制作中主要运用的环境是DWCS6。首先在桌面上创建一个文件并命名为3D旋转相册,在文件里创建一个存放图片的文件命名为images。
打开开发环境新建一个html5并在
标签里面写内容。首先每一个网页都是分块的并且由盒子组成的,所以先写一个盒子
src里面是图片存放的路径,images是图片文件夹的名字,3.jpg是图片的名字,图片要和你创建的html在一个地方。这样才能显示图片效果,否则网页根本找不到图片。是用来修饰html网页的,网页创建成功后,浏览器会自定义一个内边距与外边距,所以我们要把内外边距设为0。如果网页需要背景颜色的话也可以加上background-color来装饰页面颜色;
代码如下:
body{
margin:0px;/*盒子外边距*/
padding:0px;/*盒子内边距*/
background-color:yellow;/*背景颜色*/
}
每个div都需要设置盒子的大小宽度,以及盒子在页面的位置都需要设置出来。
具体代码如下: