【Web】CSS（No.21）Css经典案例（三）《爱宠知识》

最新推荐文章于 2022-11-22 10:12:10 发布

Sherry Lupus

最新推荐文章于 2022-11-22 10:12:10 发布

阅读量3.1k

点赞数 8

分类专栏： Web-Css 文章标签： Web Css

本文链接：https://blog.youkuaiyun.com/qq_43251850/article/details/91489859

版权

需要素材点击图片联系我或私信、评论

效果图：

在这里插入图片描述

源码

<!DOCTYPE html>
<html lang="en">
  <head>
	<meta charset="UTF-8">
	<title>爱宠知识</title>
	<style>
	  * {
    
	  	margin:0;
	  	padding:0;
	  }

	  .box {
    
	  	margin:20px auto;
	  	width:320px;
	  	height:420px;
	  	background-image:url(img/bg.gif);
	  	border:1.5px solid #009900;
	  }

	  .tle {
    
	  	border-left:5px solid #c9e143;
	  	color:white;
	  	font-size:23px;
	  	margin:20px 15px 10px 15px;
	  	padding-left:5px;
	  }

	  .news {
    
	  	background-color:white;
	  	margin:5px 15px 10px 15px;
	  }

	  .news ul li {