永发信息网

css只要左右边和下边不要上边的阴影怎么写?

答案:2  悬赏:10  手机版
解决时间 2021-11-14 00:54
  • 提问者网友:趣果有间
  • 2021-11-13 04:32
css只要左右边和下边不要上边的阴影怎么写?
最佳答案
  • 五星知识达人网友:洒脱疯子
  • 2021-11-13 05:40
根据你设置阴影的方式,有不同的写法:
    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;
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯