########################################################################################################################
# declare 吼吼吼!hohoho~~~~ 开始了开始了 #
# begin #
# 代码肌肉兄贵 ~~~~~~ { ] OH YEAH~~~ author:Vincent #
# ________ |^^\ } _____\ \ #
# \ ______ (_-__\ } ________\ 来到代码世界~展示我的超能力 #
# \ \ |____|____/ #
# [ } | __/__ / 祝小伙儿们看完文章后 #
# ^ ^ |__/__/ 工作顺利,吃啥啥没够儿~! #
# 这里是ISO-8859-1 |__/__| 不要惹我,一拳从多线程给你打成hello world! #
# 西欧字符集 ------> / \??/ \ 欢迎关注微信 2012letitgo2012 #
# 中文乱码!!!! | | | | #
# \ / \ / #
########################################################################################################################
前提:
今天我们来画一画网页,废话不多说,来上代码:
这段代码中,折页的做法需要进行考虑,用到了border的transparent属性。
另外阴影方面利用了阴影滤镜:filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, .2));
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
#div1{
width: 1300px;
height: 500px;
background-color: #FFFFFF;
margin: auto;
margin-top: 250px;
border-radius: 5px;
padding-top: 15px;
p