纯css网站左侧固定位置滚动代码

作者：袖梨 2022-06-25

提示：您可以先修改部分代码再运行

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />

body{width:100%;background:#7e6e57;position:relative;font-family:Arial;}
a{color:#0579C6;text-decoration:none}
a:hover{text-decoration:underline}
.stl,.str,.sbl,.sbr{line-font-size:1%;display:block;position:absolute;background:url("../images/main.gif") no-repeat}

#share{position:fixed;_position:absolute;left:0;top:200px;font-size:12px}
#share a{padding:7px 10px 7px 10px;line-display:block;color:#fff;text-decoration:none;border-bottom:1px solid white}
#share a.back2top{border-bottom:0}
#share a span{display:block;float:left;margin-right:5px;background:url("../images/main2.gif") no-repeat -45px -64px}
#share a.bbs span{background-position:-45px -88px}
#share a.back2top span{background-position:-46px -111px;}
.share-container{border:3px solid white;background:#f69e06}
.stl{background-position:-37px 0;top:0;left:0}
.str{background-position:-43px 0;top:0;right:0}
.sbl{background-position:-37px -6px;bottom:0;left:0;_bottom:-1px}
.sbr{background-position:-43px -6px;bottom:0;right:0;_bottom:-1px}
</style>
</head>
<body> 
<div id="header">
</div>
<div id="main">
<br>
<br>

</div>

</body>
</html></td>
	  </tr>
	</table>

提示：您可以先修改部分代码再运行

纯css网站左侧固定位置滚动代码

相关文章

精彩推荐