<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>圆形div阴影显示图</title>
<style type="text/css">
#p1{
text-shadow:3px 3px 3px green;
font-size:28px;
color:#00F;
}
div{
width:300px;
height:300px;
margin:0 auto;
font-style:italic;
border-radius:250px;
background-color:#F6F;
border:solid 3px #00FF66;
}
#p2{
text-shadow:3px 3px 3px orange;
text-align:center;
margin-top:135px
}
</style>
</head>
<body style="padding-top:50px">
<center>
<p id="p1">北京八维 学习很快乐，事情很简单，方法多的很</p>
<div>
<p id="p2">唯我无敌</p>
</div>
</center>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>圆形div阴影显示图</title>
<style type="text/css">
#p1{
text-shadow:3px 3px 3px green;
font-size:28px;
color:#00F;
}
div{
width:300px;
height:300px;
margin:0 auto;
font-style:italic;
border-radius:250px;
background-color:#F6F;
border:solid 3px #00FF66;
}
#p2{
text-shadow:3px 3px 3px orange;
text-align:center;
margin-top:135px
}
</style>
</head>
<body style="padding-top:50px">
<center>
<p id="p1">北京八维 学习很快乐，事情很简单，方法多的很</p>
<div>
<p id="p2">唯我无敌</p>
</div>
</center>
</body>
</html>
扫一扫
1015
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
