为了账号安全,请及时绑定邮箱和手机立即绑定

box-shadow有没有圆形的处理方法

box-shadow有没有圆形的处理方法

JOELINE 2016-07-19 21:32:18
查看完整描述

3 回答

?
柠檬酸钠

TA贡献331条经验 获得超534个赞

我就纳闷了,你在说啥???

box-shadow和圆形有啥关系,那不是border-radius吗

查看完整回答
2 反对 回复 2016-07-19
?
qq_非诚勿扰_3

TA贡献37条经验 获得超16个赞

如果div元素设置了圆角,那阴影也会是圆的

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<style type="text/css">

.radius{

height:50px;

width:50px;

position:absolute;

top:-60px;

background-color:#ccc;

border:1px solid;

border-radius:25px; 

box-shadow:100px 100px 5px #888888;

}

</style>

</head>

<body>

<div class="radius"></div>

</div>

</body>

</html>


查看完整回答
1 反对 回复 2016-07-20
  • 3 回答
  • 0 关注
  • 4904 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信