CSS 新闻列表实例

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

houyanhua1

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

阅读量2.5k

点赞数 2

分类专栏： CSS 文章标签： css

本文链接：https://blog.csdn.net/houyanhua1/article/details/78387445

版权

这是一个HTML和CSS示例，展示了如何使用CSS创建一个新闻列表。新闻列表被包含在一个宽度为500px，绿色边框的容器中。列表项有30px的高度，每个链接在正常状态下显示为灰色，悬停时变为红色，无下划线。

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> new document </title>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <link rel="stylesheet" type="text/css" href="" />
  <style type="text/css">
.news{ width:500px; border:1px solid green;}
 .title{ font-size:24px;width:500px;border:1px solid green; height:45px; background:green; line-height:45px; }
 .news ul li{ height:30px; line-height:30px; border-bottom:1px dashed #ccc; width:420px;}
 .news li