Web前端：匾牌设计案例

最新推荐文章于 2025-04-11 15:47:45 发布

零小唬

最新推荐文章于 2025-04-11 15:47:45 发布

阅读量3.2k

点赞数 7

分类专栏：前端基础文章标签：前端 css html

本文链接：https://blog.csdn.net/weixin_55804957/article/details/127209216

版权

前端基础专栏收录该内容

110 篇文章

订阅专栏

案例

在这里插入图片描述

HTML代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="author" content="huyiwei">
		<meta name="generator" content="HBuilder X">
		<title>匾牌设计</title>
		<link rel="stylesheet" type="text/css" href="实验8-2.css"/>
	</head>
	<body>
		<div id="div0">
			<p>
				海纳百川 有容乃大
			</p>
		</div>
	</body>
</html>

CSS

p{
	font-style: italic; /* 斜体 */
	font-weight: bolder; /* 特粗 */
	font-size: 70px;
	line-height: 1.5px;
	font-family: 隶书;
}
#div0{
	width: 800px;
	height: 100px;
	border-width: 20px;
	border-color: #ff0000;
	border-style: outset;
	padding: 100px;
	margin: 20px;
}
body{
	text-align: center;
}