3种基本选择器选择范围和优先级

最新推荐文章于 2025-07-03 00:08:55 发布

原创最新推荐文章于 2025-07-03 00:08:55 发布 · 372 阅读

0 ·

CC 4.0 BY-SA版权

web基础专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一个使用HTML和CSS创建的新闻列表框示例，详细展示了如何设置宽度、高度、边框、字体大小、颜色等样式属性，以及如何实现文本居中和行高等布局效果。


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        .box{
            width: 400px;
            height: 50px;

            border-top: 1px solid #f00;
            border-bottom: 3px solid #666;

            font-size: 20px;
            font-family: 微软雅黑;
            color: #333;
            line-height: 50px;
            text-align: center;
            font-weight: bold;
            
        }

    </style>

</head>
<body>


<div class="box">
    新闻列表
</div>


</body>
</html>