html+css实现ps标尺网页框架特效

1、准备好需要用到的图标。

3、书写hmtl代艨位雅剖码。<div class="gang" style="margin-left:0px;margin-top:0px;overflow:hidden;position:relative;*margin-top:0px;*top:0px;"><div class="grid" onselectstart='return false;' style="background-color:#FFFFFF; position: absolute; left:18px; top:18px; width:100%;height:2000px;"> </div><div class="hRule" style="width: 1920px;"></div><div class="vRule" style="height: 1200px;"></div><div class="vline1" style="height:1200px;"></div><div class="vline2" style="height:1200px;"></div></div><div id="BGmusic"><div id="Music"> <audio autoplay loop></audio></div><div id="MusicICO"> <div id="MusicPlay"><img src="images/play.png" width="16" height="16"></div> <div id="MusicStop"><img src="images/stop.png" width="16" height="16"></div></div></div><div><span id="clock"></span></div>

5、代码整体结构。