您的位置:广东在线游戏网 > 游戏解答 > CSS 如何实现让div的四个边框都有阴影的效果?-css3边框阴影border-shadow有什么作用?

CSS 如何实现让div的四个边框都有阴影的效果?-css3边框阴影border-shadow有什么作用?

作者:广东在线游戏网日期:

返回目录:游戏解答


-webkit-box-shadow:0px 3px 3px #c8c8c8 inset;
-moz-box-shadow:0px 3px 3px #c8c8c8 inset;
box-shadow:0px 3px 3px #c8c8c8 inset;

重点是最后的inset,不加的话就zhidao是外阴影



CSS 实现让div的四个边框都有阴影的效果:

首先:

HTML代码

<h1>CSS 如何实现div的四个边框都有阴影的效果?</h1>

<div class="g1">

<div class="g2"></div>

</div>

CSS代码

body{background:#f00;}

html{background:#f00;}/*html加背景色*/

.g1{

width:500px;

height:500px;

border:2px solid #fff;

margin:30px auto;

background-color:#fff;

box-sizing:border-box;

}

.g2{

width:400px;

height:400px;

margin:50px auto;

border:2px solid #000;

box-shadow:5px 5px 5px #000,5px -5px 5px #000,-5px 5px 5px #000,-5px -5px 5px #000;

}

具体效果:


box-shadow和text-shadow(文字阴影)

设置边框阴影不会影响盒子的布局,即不会影响其兄弟元素的布局
spread可以与blur、h-shadow、v-shadow相互抵消,blur不可为负值
可以设置多重边框阴影,实现更好的效果,增强立体感。by三人行慕课

相关阅读

关键词不能为空

标签导航

求一些类似与《赌博默示录》《大逃杀》的电影,有关人性的、、、 还有什么像诈欺游戏和赌博默示录这样的电影么? 《欺诈游戏》和《赌博默示录》哪套更好看 有没有如《死亡笔记》、《诈欺游戏》、《赌博默示录》等悬疑推理... ps3 psv 上的工作室系列都有哪些?按什么顺序玩比较好? psv的工作室系列分别有哪几部? 另外求推荐比较好玩的一部 ... PSV工作室系列有哪些作品?怎么样?先入哪一部好?日语渣能玩... PSV 工作室系列那个比较好玩,共几部,偶有学日语得哟(^V... 2016六年级语文期末测试卷答案 六年级语文期末考试卷的答案是什么? 小学六年级第一学期期末考试模拟测试卷(语文)(数学) 六年级第一学期期末语文测试试卷(二) cs1.6中人物皮肤在那个文件夹里? CS1.6怎么更换人物皮肤? cs1.6统一人物皮肤的命令是什么 cs1.6的那些皮肤怎么才能用在游戏中啊,求解 CSS 如何实现让div的四个边框都有阴影的效果? 用css给div的border设置阴影、只要上、下、左有,右... css3里面 box-shadow和 border-shad... css3怎么让边框有内阴影效果 求:《我是特种兵》里土狼说的美国陆军信条:“做你能做的一切”... 求世界各国特种部队信条 中英文对照,全英文也行,有加分! 求各国特种部队精锐部队的信条,要中英对照的,有追加 刺客信条3圣殿骑士就是英军吗,圣殿骑士是与美军有什么直接联系 五年级下册语文试卷第一单元测试卷答案 五年级下册语文第七单元测试卷 小学五年级语文下册第一单元测试 五年级语文上册第一单元测试题a卷的答案 如何打好cs? CS怎么才能玩好 怎么才能把CS打好 cs怎样才能练好? 多巴胺和荷尔蒙通俗点讲是什么意思? 多巴胺是什么东西? 多巴胺是什么 多巴胺是什么? 天地劫有秘籍么? 谁能告诉我魔兽地图天地劫的钱无限秘籍 冰封王座中天地劫的无限钱秘籍是什么? 冰封王座中天地劫纪念版的秘籍是什么? ddt-322 各位、真心求地址 求天堂2里回声水晶-爱情之歌,回声水晶-决战之歌的MP3文件... 东海水晶节的第十一届 东海水晶节哪些明星来啊 求这个cos女的名字或者图片的出处 有没有漂亮一点的美女COSPLAY图片?(网上搜的太囧 了.... 求几个漂亮的cosplay图片人物是女的,真人是男的那种!... 求这个女蜘蛛侠cos的出处 能不能推荐以游戏为题材的烧脑电影动漫也可以 类似赌博默示... 求推荐像欺诈游戏,赌博默示录这样的动漫&#47;影视 求赌博默示录类似的电影 QQ西游今天跟新后,单人天帝宝库没有了,还有没有方法获得60... qq西游怎么获得虚·东皇钟 QQ西游里臧宝库60级妖魄任务怎么没了呢?