multi colored border repeating possible with css?

前端 未结 8 871
攒了一身酷
攒了一身酷 2020-12-15 14:18

I\'ve searched and can only find multiple border issues. I need to make one border with 4 colors that repeat.

相关标签:
8条回答
  • 2020-12-15 14:47

    Actually, you can use pure CSS for this. You just need list item, then display to inline block, and add every list a different color.

    0 讨论(0)
  • 2020-12-15 14:49

    You can use box-shadow but its not fully supported

    http://jsfiddle.net/f7JT7/1/

    box-shadow: 
      0  -5px 0 red,    0  5px 0 red,  
      0 -10px 0 yellow, 0 10px 0 yellow,
      0 -15px 0 green,  0 15px 0 green,
      0 -20px 0 purple, 0 20px 0 purple;
    

    http://caniuse.com/css-boxshadow

    0 讨论(0)
提交回复
热议问题