简单的CSS案例——新闻介绍

最新推荐文章于 2024-05-19 17:21:21 发布

喵–喵

最新推荐文章于 2024-05-19 17:21:21 发布

阅读量161

点赞数

文章标签： css 前端

本文链接：https://blog.csdn.net/m0_52867234/article/details/131407887

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>综合案例1——新闻</title>
    <style>
        div{
            width: 800px;
            height: 600px;
            margin: 0 auto;
            }
            /*类选择器*/
            .p1{
                text-align: center;
            }
            .color1{
                color: #808080;
            }
            .color2{
                color: #87ceeb;
                font-weight: 700;
            }
            a{
                text-decoration: none;/*去掉下划线*/
            }
            /*首行缩进*/
            .sj{
                text-indent: 2em;

            }
    </style>
</head>
<body>
    <div>
    <h1 class="p1">考生估分630，成绩没出就大办升学宴，高考成绩下发亲戚怒喊退钱</h1>
    <p class="p1"> 
    <span class="color1">2023年6月26日18：00 </span>
    <a href="https://tophub.today/n/KqndgxeLl9">新浪微博</a>
    <span class="color2">收藏本文</span>
    </p> 
    <hr >
    <p class="sj">金榜题名时，是人生四大喜事之一。尤其是在有有可能改变考生命运的高考考试里面，学生们取得了优异的成绩，自然是值得全家庆贺的事情。</p>
    <P class="sj">别看我国大学院校众多，但是优秀的大学院校也就那么几所，我国985高校全国平均录取率仅有1.62%，而211高校的全国平均录取率也只有5.02%，所以如果考生的高考成绩能达到600分以上，那么基本上就是很不错的分数了。
    考生估分630，成绩没出就大办升学宴，高考成绩下发亲戚怒喊退钱。</p>
    <P class="sj">截止到目前，很多省份已经下发了考生们的高考成绩，可以说是几家欢喜几家愁，有的考生实际的高考成绩比估的成绩高出很多，但是也有考生实际的高考成绩比估得分数还要低。</P>
    <P class="sj">在今年高考刚刚结束，成绩还没有下发的时候，小李同学估分630分，这个成绩比平时模拟考试的成绩高出很多，但是今年高考整体难度不是很大，小李对自己也很有自信，于是马上把估分的成绩告诉了父母。</P>


</div> 
</body>
</html>

演示效果如下：