0
点赞
收藏
分享

微信扫一扫

案例 9:简单新闻列表页面

<!DOCTYPE html>

<html lang="zh">

<head>

 <meta charset="UTF-8">

 <title>今日新闻</title>

 <style>

   body {

     font-family: sans-serif;

     padding: 30px;

   }

   h1 {

     text-align: center;

   }

   .news-item {

     border-bottom: 1px solid #ccc;

     padding: 15px 0;

   }

   .news-item h3 {

     margin: 0;

   }

   .news-item p {

     color: #666;

   }

 </style>

</head>

<body>

 <h1>今日要闻</h1>

 <div class="news-item">

   <h3>新一轮科技创新大会召开</h3>

   <p>2025年5月,国家推动数字经济与人工智能融合创新。</p>

 </div>

 <div class="news-item">

   <h3>高校毕业生就业形势乐观</h3>

   <p>数据显示,信息技术与新能源领域吸引大量应届毕业生。</p>

 </div>

 <div class="news-item">

   <h3>人工智能应用持续升温</h3>

   <p>专家表示:AI将在医疗、教育、制造业带来深远影响。</p>

 </div>

</body>

</html><!DOCTYPE html>

<html lang="zh">

<head>

 <meta charset="UTF-8">

 <title>今日新闻</title>

 <style>

   body {

     font-family: sans-serif;

     padding: 30px;

   }

   h1 {

     text-align: center;

   }

   .news-item {

     border-bottom: 1px solid #ccc;

     padding: 15px 0;

   }

   .news-item h3 {

     margin: 0;

   }

   .news-item p {

     color: #666;

   }

 </style>

</head>

<body>

 <h1>今日要闻</h1>

 <div class="news-item">

   <h3>新一轮科技创新大会召开</h3>

   <p>2025年5月,国家推动数字经济与人工智能融合创新。</p>

 </div>

 <div class="news-item">

   <h3>高校毕业生就业形势乐观</h3>

   <p>数据显示,信息技术与新能源领域吸引大量应届毕业生。</p>

 </div>

 <div class="news-item">

   <h3>人工智能应用持续升温</h3>

   <p>专家表示:AI将在医疗、教育、制造业带来深远影响。</p>

 </div>

</body>

</html>

举报

相关推荐

0 条评论