css怎么设置标题阴影边框

这篇文章主要为大家展示了“css怎么设置标题阴影边框”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“css怎么设置标题阴影边框”这篇文章吧。

成都创新互联公司成立与2013年，先为肇东等服务建站，肇东等地企业，进行企业商务咨询服务。为肇东企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

方法：1、利用border属性给标题元素添加边框，语法“border:宽度样式颜色;”；2、利用“text-align: center”实现标题文本居中；3、使用box-shadow属性给标题元素的边框添加阴影效果。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css如何设置标题阴影边框？

我们来讲一下css如何标题添加阴影边框。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style> 
div
{
	width:200px;
	height:200px;
	border:2px solid red;
	text-align: center;
	margin: 20px auto;
	line-height: 200px;
	box-shadow: red 10px 30px 5px;
}

</style>
</head>
<body>

<div>创新互联</div> 

</body>
</html>

代码效果

css怎么设置标题阴影边框