14 CSS控制边框和背景

「已注销」

于 2019-09-02 17:45:30 发布

阅读量169

点赞数

分类专栏： HTML5+CSS+JS

本文链接：https://blog.youkuaiyun.com/Tracy785/article/details/100311700

版权

HTML5+CSS+JS 专栏收录该内容

27 篇文章

订阅专栏

本文详细解析了三种不同CSS类的使用方法，包括边框、背景颜色及尺寸等属性的设置，通过具体实例展示了如何为网页元素应用各种样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

<html>
<head>
	<meta charset='utf-8'>
	<title>border_bg</title>
	<style type='text/css'>
		.class1{
			border-width:1px;
			border-color:#345cff;
			border-style:solid;
			border-top-color:#fff314;
			border-bottom-style:dashed
		}
		.class2{
			border:1px solid red;
			border-top:1px dotted green
		}
		.class3{
			background-color:pink;
			background-size:auto;
			background-attachment:fixed;
			<!-- width:640px;
			height:640px;
			background-repeat:no-repeat;
			background-image:url(D:\0Files\pics\head.jpg) -->
		}
	</style>
</head>
<body>
<p class='class1'>哔哩哔哩</p>
<p class='class2'>哔哩哔哩</p>
<p class='class3'>哔哩哔哩</p>
</body>
</html>