现在有左上、右上、左下、右下 四张圆角切图。
怎么把div背景颜色设置成圆角啊?就是怎么把四张图片放到div的四个角上?求救?
回复讨论(解决方案)
demo this here
.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
相关文章
如何实现内嵌圆角边框效果(Inner Border Radius)
如何在 CSS 中使用 SVG 背景实现圆角虚线边框并避免边缘截断
如何用 CSS 和内联 SVG 实现圆角虚线边框且边缘不截断
如何在 CSS 中使用 SVG 背景实现圆角虚线边框且避免边缘截断
如何用 CSS 和内联 SVG 实现圆角虚线边框(避免边缘截断)
本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
更多热门AI工具
更多相关专题
Java JVM 原理与性能调优实战本专题系统讲解 Java 虚拟机(JVM)的核心工作原理与性能调优方法,包括 JVM 内存结构、对象创建与回收流程、垃圾回收器(Serial、CMS、G1、ZGC)对比分析、常见内存泄漏与性能瓶颈排查,以及 JVM 参数调优与监控工具(jstat、jmap、jvisualvm)的实战使用。通过真实案例,帮助学习者掌握 Java 应用在生产环境中的性能分析与优化能力。
3
2026.01.20
PHP WebSocket 实时通信开发本专题系统讲解 PHP 在实时通信与长连接场景中的应用实践,涵盖 WebSocket 协议原理、服务端连接管理、消息推送机制、心跳检测、断线重连以及与前端的实时交互实现。通过聊天系统、实时通知等案例,帮助开发者掌握 使用 PHP 构建实时通信与推送服务的完整开发流程,适用于即时消息与高互动性应用场景。
16
2026.01.19
更多热门下载
更多相关下载
更多精品课程
相关推荐/热门推荐/最新课程
支付宝沙箱支付(个人也能用的支付)共12课时 | 0.5万人学习
apipost极速入门共6课时 | 0.5万人学习
更多最新文章











