Home/ Questions/Q 8149161
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T14:47:36+00:00

I am hoping someone can help me with a css problem… I am using

  • 0

I am hoping someone can help me with a css problem…

I am using a listview to display some results, there is required to be a concept of grouping, to achieve this i am using 2 background colors alternating between groups. I am trying to add a border to these elements, but as the border-top and the border-left may be different colors, is there any way of removing the triangle where they meet?

 <!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>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can write like this:

    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;
}

    Check this http://jsfiddle.net/nRWux/1/

    box-shaow not work in IE8 & below.

    • 0