CSS3实现书本展现效果

最新推荐文章于 2024-02-20 08:30:00 发布

原创

最新推荐文章于 2024-02-20 08:30:00 发布 · 687 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #css3

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.book{
    
    
				margin: 20px;
				padding: 10px;
				color: white;
				width: 200px;
				height: 280px;
				background-color: red;
				border-radius: 10px 19px 19px 10px;
				box-shadow: 5px 5px 5px #888888;
				float: left;
			}
			.book-green{
    
    
				background-color: green;
			}
			.book-black{
    
    
				background-color: black;
			}
			.title{
    
    
				padding-top: 10px;
				font-size: 24px;
				font-weight: bold;
			}
			.subtitle{
    
    
				padding: 10px 0px 0px 70px;
				font-size: 14px;
				font-weight: bold