陰影邊框和圓角效果
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>