conic-gradient-center-ref.html (384B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <style> 4 #box { 5 width: 200px; 6 height: 200px; 7 } 8 #top { 9 border-left: 50px solid black; 10 border-right: 150px solid red; 11 height: 50px; 12 } 13 #bottom { 14 border-left: 50px solid blue; 15 border-right: 150px solid green; 16 height: 150px; 17 } 18 </style> 19 <div id="box"> 20 <div id="top"></div> 21 <div id="bottom"></div> 22 </div>