html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8"> 5
<title>时代Java与您共同学习(NowJava.com)</title> 6
<style>7
#boxshadow {8
position: relative;9
-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);10
-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);11
box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);12
padding: 10px;13
background: white;14
}15
16
/* Make the image fit the box */17
#boxshadow img {18
width: 100%;19
border: 1px solid #8a4419;20
border-style: inset;21
}22
23
#boxshadow::after {24
content: '';25
position: absolute;26
z-index: -1; /* hide shadow behind image */27
-webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);28
-moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);29
box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);30
width: 70%;31
left: 15%; /* one half of the remaining 30% */32
height: 100px;33
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java