欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  web前端

求救div圆角问题_html/css_WEB-ITnose

程序员文章站 2022-04-20 10:23:41
...
现在有左上、右上、左下、右下 四张圆角切图。
怎么把div背景颜色设置成圆角啊？就是怎么把四张图片放到div的四个角上？求救？

回复讨论(解决方案)

demo this here 

 
    
        
sdfsdffffddsfdf
    




.box{background:url(左下) no-repeat left bottom}.box-outer{background:url(右下)no-repeat right bottom;}.box-inner{background:url(左上) no-repeat  left top;}p{background:url(右上) no-repeat right top;}  
 图片具体位置可以利用padding的四个方位值调节一下   
  CSS code?1234567891011121314151617181920


 
    
        
sdfsdffffddsfdf
    




 .box{background:url(左下) no-r……  

 大侠？在？  

 现在每个角都是这样的，怎么设置padding呢，比如左下角的 我这样设置的  
 .box{  
 background:url(左下) no-repeat left bottom；  
 padding-left：13px；  
 padding-bottom：13px；  
 }  
 这样不可以啊？  
  你这个图片貌似周边是透明的 ，大部分都是黑灰色的。那应该让背景色 尽量跟 这个角图 的颜色 对比强些。还有 div就不要设置背景色了，让他继承body的背景就好看了  
 
  你这个图片貌似周边是透明的 ，大部分都是黑灰色的。那应该让背景色 尽量跟 这个角图 的颜色 对比强些。还有 div就不要设置背景色了，让他继承body的背景就好看了  

 现在要的是有背景颜色div一个区域，角是圆角的效果，div背景颜色和图片的颜色一致，网上有许多不需要图片的例子，如果用这四个角的图片是怎么设置的 
 
  你这个图片貌似周边是透明的 ，大部分都是黑灰色的。那应该让背景色 尽量跟 这个角图 的颜色 对比强些。还有 div就不要设置背景色了，让他继承body的背景就好看了  

 你给我的代码，四个图是加上了，怎么才能把圆角外的div颜色和body的颜色一致 
 
  你div设置背景色了？ 
 
  你div设置背景色了？  

 对的 设置了 
 
  楼主可以起看《CSS彻底设计与研究》这本书，里面讲的比较详细，也可以去看看下这篇文章 CSS圆角制作，希望对楼主有所帮助~ 
 
  这就不好办了 ，因为你的那个小图片 的角落 是透明的 ，你的div如果设置了背景色，并且跟 body的背景色不一致的话，那这种技术就是失败的  
 
  这就不好办了 ，因为你的那个小图片 的角落 是透明的 ，你的div如果设置了背景色，并且跟 body的背景色不一致的话，那这种技术就是失败的  

 好吧 还是好好谢谢你了，没办法设计就是这样。我就按网上说的不要图的那种设计更改吧 
 
  border-radius：5px

求救div圆角问题_html/css_WEB-ITnose
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。




相关文章


相关视频












网友评论


文明上网理性发言，请遵守 新闻评论服务协议
我要评论






  • 求救div圆角问题_html/css_WEB-ITnose
    • 

    • 

    

    


    

    

    

    

    专题推荐
    


    

    

    

    

    作者信息
    

    

    求救div圆角问题_html/css_WEB-ITnose
    

    

    

    认证0级讲师
    

    

    

    

    发布技术文章
    

    

      

    • 最新文章
      • 

    • 热门排行
      • 

    

    

    

    

    

    

    

    
推荐视频教程
    

  • 
求救div圆角问题_html/css_WEB-ITnosejavascript初级视频教程

    • 

  • 
求救div圆角问题_html/css_WEB-ITnosejquery 基础视频教程

    • 

    

    

    
视频教程分类
    


    

    

    

    

    

    


    ：公益在线php培训，帮助PHP学习者快速成长！
    

    Copyright 2014-2021 https://www.php.cn/ All Rights Reserved | 苏ICP备2020058653号-1求救div圆角问题_html/css_WEB-ITnose关于我们免责申明赞助与捐赠广告合作
    

    

    
求救div圆角问题_html/css_WEB-ITnose  
            求救div圆角问题_html/css_WEB-ITnose
    相关标签： 求救div圆角问题

    上一篇： Joomla实现组件中弹出一个模式(modal)窗口的方法_PHP

    下一篇： python中collection模块的简单介绍（附示例）

    推荐阅读