一个好看的首页新闻content

最新推荐文章于 2024-08-03 15:58:00 发布

Lily_feng

最新推荐文章于 2024-08-03 15:58:00 发布

阅读量696

点赞数 2

分类专栏： html

本文链接：https://blog.csdn.net/Lily_feng/article/details/107068886

版权

本文介绍了网站首页新闻部分的设计，通常位于footer上方，用于展示公司信息、活动和热点。通过html和css样式实现，旨在帮助用户直观了解公司产品。欢迎交流更好的理解。

摘要由CSDN通过智能技术生成

新闻页面

网站首页的新闻部分，通常在首页的footer的上个部分，主要展示一些有关公司的信息，公司的活动或者热流，方便用户可以更直观地了解到本公司主营的一些产品等等，也属于一个banner的一部分吧。以上纯属个人理解，如觉得有更好的理解，乐意大家提，微笑。上代码
html部分：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新闻2</title>
</head>
<body>
<!--新闻-->
<div class="news">
    <h2>新闻资讯</h2>
    <ul>
        <li class="">
            <h3><a href="#">标题1</a></h3>
            <dl>
                <dt>
                    <a href="#"><img src="images/x1.jpg"></a>
                </dt>
                <dd><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</a></dd>
                <dd><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</a></dd>
                <dd><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</a></dd>
                <dd><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</a></dd>
                <dd><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</a></dd>
            </dl>
            <p class="info-more"><a href="#">点击查阅更多</a></p>
        </li>
        <li class="news-item">
            <h3><a href="#">标题2</a></h3>
            <dl>
                <dt>
                    <a href="#"><img src="images/x1.jpg"></a>
                </dt>
                <dd><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</a></dd>
                <dd><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</a></dd>
                <dd><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</a></dd>
                <dd><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题标题标题</a&