236
0
7
Bookmarks
Mark all read

Total:  





UI settings
× close
Hiring
Education
Events
Tickets
Adverts


× close


Home / Companies / test333 333 333 test333 333 333
test333 333 333
Laboratory, Promotion, Rental, Sound Lab, Video production  

If you hate the idea of a wrapping element, you could use a pseudo-element, as long as a negative z-index value is OK (it wouldn’t be if there was much nesting going on with parent elements with their own backgrounds). Here’s a Stephen Shaw example of that, tackling border-radius in the process:

0
Total
0
In progress
0
Unfinished
0
Completed



About company
You could even place individual sides as skinny pseudo-element rectangles if you didn’t need all four sides.

But don’t totally forget about border-image, perhaps the most obtuse CSS property of all time. You can use it to get gradient borders even on individual sides: