css只要左右边和下边不要上边的阴影怎么写?
答案:2 悬赏:10 手机版
解决时间 2021-11-14 00:54
- 提问者网友:趣果有间
- 2021-11-13 04:32
css只要左右边和下边不要上边的阴影怎么写?
最佳答案
- 五星知识达人网友:洒脱疯子
- 2021-11-13 05:40
根据你设置阴影的方式,有不同的写法:
border-top-color: #ffffff;
border-bottom-color: #ff2222;
border-left-color: #ff2222;
border-right-color: #ff2222;">hello 美女
效果图:
示例我写的是红色,实际开发,可以转变为你想要的阴影色(其实就是渐变色,加了alpha值)
2.box-shadow方式,我猜你的提问,也是针对box-shadow吧,
首先,box-shadow有两种阴影设置方式
第一种:外阴影:box-shadow: X轴 Y轴 Rpx color;
属性说明(顺序依次对应): 阴影的X轴(可以使用负值) 阴影的Y轴(可以使用负值) 阴影模糊值(大小) 阴影的颜色
第二种内阴影:box-shadow: X轴 Y轴 Rpx color inset;
默认是外阴影 内阴影:inset 可以设置成内部阴影
常规开发都是第一种,设置外阴影:
我先给你一个示例图,你可以根据图,明白设置不同方向阴影的原理,
示例代码:
其中,示例第二种就是你想要的效果:显示左右下,隐藏上阴影。
显示 上下左右阴影,不隐藏
显示左右下,隐藏上阴影
显示下右阴影,隐藏左上阴影
显示左上阴影,隐藏右下阴影
0px -10px 10px #000,
10px 0px 10px green,
0px 10px 10px blue;" >独立控制四个边框阴影
内阴影
欢迎采纳,长期回答情感类、软件开发类问题,欢迎关注交流。
追答有用的话,给个采纳啊,哥们谢谢采纳追问
为什么上边还是有阴影
- border-x-color方式,设置x的值即可:比如bottom,left,right,top,隐藏即设置透明色,不隐藏,设置你想要的阴影颜色
border-top-color: #ffffff;
border-bottom-color: #ff2222;
border-left-color: #ff2222;
border-right-color: #ff2222;">hello 美女
效果图:
示例我写的是红色,实际开发,可以转变为你想要的阴影色(其实就是渐变色,加了alpha值)
2.box-shadow方式,我猜你的提问,也是针对box-shadow吧,
首先,box-shadow有两种阴影设置方式
第一种:外阴影:box-shadow: X轴 Y轴 Rpx color;
属性说明(顺序依次对应): 阴影的X轴(可以使用负值) 阴影的Y轴(可以使用负值) 阴影模糊值(大小) 阴影的颜色
第二种内阴影:box-shadow: X轴 Y轴 Rpx color inset;
默认是外阴影 内阴影:inset 可以设置成内部阴影
常规开发都是第一种,设置外阴影:
我先给你一个示例图,你可以根据图,明白设置不同方向阴影的原理,
示例代码:
其中,示例第二种就是你想要的效果:显示左右下,隐藏上阴影。
显示 上下左右阴影,不隐藏
显示左右下,隐藏上阴影
显示下右阴影,隐藏左上阴影
显示左上阴影,隐藏右下阴影
0px -10px 10px #000,
10px 0px 10px green,
0px 10px 10px blue;" >独立控制四个边框阴影
内阴影
欢迎采纳,长期回答情感类、软件开发类问题,欢迎关注交流。
追答有用的话,给个采纳啊,哥们谢谢采纳追问
为什么上边还是有阴影
全部回答
- 1楼网友:慢性怪人
- 2021-11-13 07:04
不是有4个偏移值么,分别对应阴影上下左右,把下、右的值设为1px以上,另外两个方向设置为:0;
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯