前端-第3周第1次-CSS(5)-2022·1·19-1.html

<!DOCTYPE HTML>

<html>

<head>
    <meta charset="utf-8">
    <title>前端-第3周第1次-CSS(5)-2021·1·19-1</title>

    <link rel="stylesheet" type="text/css" href="reset.css">
    <link rel="stylesheet" type="text/css" href="前端-第3周第1次-CSS(5)-2022·1·19-1.css">
</head>

<body>
    <div class="card">
        <a href="https://news.xidian.edu.cn/info/2106/217074.htm" target="_blank">

            <!-- 上部图片 -->
            <div class="img">
                <img src="https://www.xidian.edu.cn/__local/4/CA/65/A058E4B9F9D73E47511FA3679D7_E0533FEA_3EE18.jpg" alt="XiDian University">
            </div>

            <!-- 下部文字 -->
            <div class="test">
                <!-- 线段 -->
                <div class="line"></div>
                <!-- 标题 -->
                <h5>段宝岩院士牵头项目获国家科技进步一等奖 实现西电历史性突破</h5>
                <!-- 内容 -->
                <p>11月3日上午，2020年度国家科学技术奖励大会在北京人民大会堂举行。西安电子科技大学3项牵头成果获2020年度国家科学技术奖，其中，“高密度柔性天线机电耦合技术与综合设计平台及应用”项目获国家科学技术进步一等奖，实现学校历史上牵头获批国家科学技术奖励一等奖零的突破；“物联网系统数据安全关键技术及应用”项目获国家技术发明二等奖；“成像技术及应用”项目获国家技术发明二等奖。</p>
                <!-- 下部箭头及来源 -->
                <span>
                    <p>科学研究院</p>
                    <div class="right-arrow"></div>
                </span>
            </div>

        </a>
    </div>

    <div style="width: 7px; height: 7px; border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg);"></div>
</body>

</html>