css美化列表 要求 三个列表都要有，两个页面 还有使用图片要有圆角边框

CSS美化列表通常涉及到HTML结构的设置以及CSS样式的选择。为了创建三个列表，并分别在两个页面上展示，并添加带圆角边框的图片，你可以按照以下步骤操作：

1. HTML结构：
在每个页面的HTML中，包含三个列表元素，例如无序列表、有序列表和定义列表。示例如下：

   <!-- 页面A -->
   <div id="pageA">
     <ul class="styled-list">
       <li>列表项1</li>
       <li>列表项2</li>
     </ul>
     <ol class="styled-list">
       <li>项目1</li>
       <li>项目2</li>
     </ol>
     <dl class="styled-list">
       <dt>术语1</dt>
       <dd>解释1</dd>
     </dl>
   </div>

   <!-- 页面B -->
   <div id="pageB">
     ... (同样的列表结构)
   </div>

2. CSS样式：
使用CSS来添加圆角边框和美化列表。这里是一个基础的样例：

   .styled-list {
     list-style-type: none; /* 移除默认的列表样式 */
     padding: 0;
     margin: 0;
     border: 1px solid #ccc; /* 添加边框 */
     box-sizing: border-box;
   }
   
   ul, ol, dl {
     background-color: #f9f9f9; /* 设置背景颜色 */
     border-radius: 5px; /* 圆角 */
   }

   li {
     line-height: 1.6em; /* 提高行间距 */
   }

   dt, dd {
     border-bottom: 1px solid #ddd;
   }

   img {
     display: block;
     max-width: 100%;
     height: auto;
     border-radius: 5px; /* 图片也添加圆角 */
   }

将上述代码复制到每个页面对应的CSS文件或 `<style>` 标签内。