css:设置div边框透明+渐变

写作背景:

  觅兼职--登陆页面,UI给的原型图很漂亮,其中有一个图要求div外面有一圈透明度为0.37且带有渐变的边框。效果图如下: 

css:设置div边框透明+渐变_第1张图片

 

  在写的时候遇到了一点小小的问题:无法给同一个div设置圆角的透明+渐变边框。但是,又不能不做是不是,费了一番心思查资料,下面是解决方案:

   1、分成两个div叠加的形式





    
    Document




    

 

 效果图: 

css:设置div边框透明+渐变_第2张图片

 

转载于:https://www.cnblogs.com/xiaovw/p/10273933.html

你可能感兴趣的:(css:设置div边框透明+渐变)