CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了CSS边界汇点大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我希望有人可以帮助我解决css问题…

我使用listview来显示一些结果,需要有一个分组的概念,为了实现这一点,我使用2组背景颜色交替.我试图为这些元素添加边框,但由于边框顶部和边框左边可能是不同的颜色,有没有办法删除它们相遇的三角形?

<!DOCTYPE html>
 <html>
 <head>
 <style type="text/css">
 p
 {
 border-top:10px solid red;
 border-left:10px solid white;
 border-bottom-style:dotted;
 border-left-style:solid;
 }
 </style>
 </head>

 <body>
 <p>2 different border styles.</p>
 </body>
 </html>

解决方法

你可以像这样写:
p{
    width:200px;
    height:200px;
    background:red;
    border-left:5px solid pink;
    -moz-box-shadow:inset 0 5px green;
    box-shadow:inset 0 5px green;
}

检查这个http://jsfiddle.net/nRWux/1/

box-shaow在IE8&下面.

大佬总结

以上是大佬教程为你收集整理的CSS边界汇点全部内容,希望文章能够帮你解决CSS边界汇点所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: