背景固定

最新推荐文章于 2024-06-14 11:43:35 发布

blueSky-fan

最新推荐文章于 2024-06-14 11:43:35 发布

阅读量127

点赞数

分类专栏：学习前端基础知识html+css

本文链接：https://blog.csdn.net/lff18277233091/article/details/107856976

版权

学习前端基础知识html+css 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<title>软件开发基础课程实验</title>
<link type="text/css" rel="stylesheet" href="layout.css" />
<style type="text/css">
.formatdiv {
	position: relative;
	background-image: url(images/bg3.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	width: 486px;
	height: 300px;
	padding: 16px;
	line-height: 32px;
	overflow-y: auto;
}
.formatdiv ul {
	padding: 12px;
}
</style>
</head>
<body>
<div id="container">
  <div id="header"></div>
  <div id="navigate">
    <ul class="navstyle" type="none">
      <li><a href="ex1p1.html">实验1</a></li>
      <li><a href="ex2p1.html">实验2</a></li>
      <li><a href="ex3p1.html">实验3</a></li>
      <li><a href="ex4p1.html">实验4</a></li>
      <li><a href="ex5p1.html">实验5</a></li>
      <li><a href="ex6p1.html">实验6</a></li>
      <li><a href="ex7p1.html">实验7</a></li>
      <li><a href="ex8p1.html">实验8</a></li>
      <li><a href="exinstrp1.html">实验指导书</a></li>
    </ul>
  </div>
  <div id="menu">
    <h2>CSS应用</h2>
    <ul class="menustyle">
      <li><a href="ex2p1.html">格式化网页</a></li>
      <li><a href="ex2p2.html">格式化文字</a></li>
      <li><a href="ex2p3.html">格式化表格</a></li>
    </ul>
  </div>
  <div id="content">
    <h3>格式化网页</h3>
    <div class="formatdiv">
      <ul>
        <li>设置本部分网页的背景图像、位置左上、不重复；</li>
        <li>网页滚动时背景图像固定。</li>
      </ul>
      ... ...<br />
      ... ...<br />
      网页内容<br />
      ... ...<br/>
      ... ...<br />
      通过滚动条测试背景图像是否固定不动<br />
      ... ...<br />
      ... ...<br />
      ... ...<br />
      ... ...<br />
    </div>
  </div>
  <div id="footer">2015-2016-1学期 软件工程</div>
</div>
</body>
</html>