圆形div阴影显示图

来源:互联网 发布:路由器禁止mac地址 编辑:程序博客网 时间:2024/06/07 02:22
<!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>
原创粉丝点击