前端CSS基础之案例--新闻

最新推荐文章于 2023-02-09 16:36:59 发布

步步生花@苏殿主

最新推荐文章于 2023-02-09 16:36:59 发布

阅读量308

点赞数

分类专栏： HTML+CSS基础学习文章标签：前端 css

本文链接：https://blog.csdn.net/sjp991012/article/details/123576615

版权

HTML+CSS基础学习专栏收录该内容

21 篇文章 0 订阅

订阅专栏

用《前端CSS基础》文章里的内容完成一个新闻案例

效果图展示

在这里插入图片描述

代码实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
       .all{
           width:60%;
           margin: 0 auto;
       }
       h1{
           text-align: center;
       }
       .center{
           text-align: center;
       }
       .date{
           color: #808080; 
       }
       .weight{
           color: #87ceeb; 
           font-weight: 700;
       }
       a{
           text-decoration: none;
       }
       .suojin{
           text-indent: 2em;
       }
    </style>
</head>
<body>
  <div class="all">
      <h1>探索智能硬件和生命科学</h1>
      <p class="center">
        <span class="date">2022年03月18日</span>
        <span class="weight">新浪科技</span >
        <a href="#">收藏本文</a>
      </p>
      <hr>
      <p class="suojin"> 3 月 18 日午间消息，好未来宣布在转型中探索智能硬件和生命科学。近日好未来陆续成立多家子公司，经营范围包括软件开发、技术服务、智能硬件等多个领域。</p>
      <p class="suojin">好未来表示，好未来正根据教育政策的动态及时调整业务和组织，寻找新的业务支点、突破口和增长路径，转向科技服务、智能硬件以及生命科学等非教育品类。</p>
      <p class="suojin">在好未来 2022 开年大会上，好未来创始人、CEO 张邦鑫提出，正在考虑将使命更改为“爱和科技创造美好生活”。好未来透露，生命科学也是好未来转型探索的方向之一，好未来一直都很关注这个领域，早在 2018 年，就已经成立脑科学实验室，并与多所高校达成相关协议，合作探索脑科学领域研究。</p>
  </div>
</body>
</html>

步步生花@苏殿主

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端CSS基础之案例--新闻

用《前端CSS基础》文章里的内容完成一个新闻案例效果图展示代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, init.
复制链接

扫一扫