阴影边框和圆角效果
border-radius:8px; 设置边框圆角,值越大,角越圆
box-shadow: 10px 10px 5px #888888; 设置阴影,值分别为水平距离,垂直 距离,阴影宽度,阴影颜色
<!DOCTYE html>
<html>
<head>
<style>
#block1{
width:300px;
height:150px;
background-color:orange;
border-radius:15px;
box-shadow: 10px 10px 5px #888888;
}
</style>
</head>
<body>
<div id="block1"></div>
</body>
</html>
效果
文本阴影
<!DOCTYPE html>
<html>
<head>
<style>
.t1{
font-size:80px;
font-weight:bold;
text-shadow: 5px 5px 5px #FF0000;
}
</style>
</head>
<body>
<p class="t1">HTML5+CSS3</p>
</body>
</html>
效果
看完点赞!!!