主要方法使用position fixed属性设置方法给目标元素添加position fixed和bottom 0px属性效果该元素将相对于浏览器窗口固定在底部，即使页面滚动，元素也会保持在视口的底部示例代码cssfixedbottom position fixedbottom 0px* 可以根据需要添加其他样式，如宽度背景色等 *。

1首先准备一个HTML文档，文档中准备好两个图片，接下来会对这两个图片进行旋转2然后对HTML中的内容定义一些样式，如下图所示，主要是标题以及ul的样式3接下来就给图片所在的li定义宽高，如下图所示4然后给图片设置过渡效果，过渡使用transition属性，如下图所示5当鼠标悬停在图片上时。

1准备一张图片，新建一个空白html文件 2其中html文件内容如下图所示，html中包含了一张图片，及对应的描述段落 3给html添加head标签，在标签中定义样式 p border1px solid red img floatleft margin0 5px 5px 0 4用chrome浏览器打开上面的html文件，可以看到文字绕排效果。

在css页面中，设置字体的颜色通过下面的代码字体的color值，一般都是使用#加16进制的颜色值来表示也有一些编译器支持直接使用颜色的英文单词来表示CSS中控制文字颜色的属性是color为不同元素设置文本颜色bodycolorredh1color#00ff00pcolorrgb0，0，255color属性规定文本。

使用HTML5的audio元素来添加背景音乐具体的代码实现可以参考以下示例HTML代码ltdiv id=quotdoorquot ltdiv id=quotanimationquot lt！ 元宝钱币或红包动画喜的灯笼等元素 ltdivltdivltaudio id=quotbgmquot src=quotbgmmp3quot loopltaudio CSS代码door po。

相框设置1个图片的大小并设置溢出隐藏，以保证正确显示一个照片2设置动画然后使用css3动画，通过对photos进行位移，从而达到显示不同的图片，每次偏移一个图片的宽度，即可显示下一张图片4张图片，需要切换3次根据需要可以对各个图片添加相应的序号和图片简介3代码如下复制代码 1 2 #fr。