Runda hörn med css ?
Tjabba !
Jo fixat så jag har fått runda hörn med hjälp av css men skulle vilja att endast bordern 1px skall ha en färg och sedan resten vara transparant hur fixar jag det ?
Min kodning ser ut så här:
css
.r1{margin: 0 16px; height: 1px; overflow: hidden; background: #FF6000;}
.r2{margin: 0 13px; height: 1px; overflow: hidden; background: #FF6000;}
.r3{margin: 0 11px; height: 1px; overflow: hidden; background: #FF6000;}
.r4{margin: 0 9px; height: 1px; overflow: hidden; background: #FF6000;}
.r5{margin: 0 8px; height: 1px; overflow: hidden; background: #FF6000;}
.r6{margin: 0 7px; height: 1px; overflow: hidden; background: #FF6000;}
.r7{margin: 0 6px; height: 1px; overflow: hidden; background: #FF6000;}
.r8{margin: 0 5px; height: 1px; overflow: hidden; background: #FF6000;}
.r9{margin: 0 4px; height: 1px; overflow: hidden; background: #FF6000;}
.r10{margin: 0 3px; height: 2px; overflow: hidden; background: #FF6000;}
.r11{margin: 0 2px; height: 2px; overflow: hidden; background: #FF6000;}
.r12{margin: 0 1px; height: 3px; overflow: hidden; background: #FF6000;}
html
<div class="r1"></div>
<div class="r2"></div>
<div class="r3"></div>
<div class="r4"></div>
<div class="r5"></div>
<div class="r6"></div>
<div class="r7"></div>
<div class="r8"></div>
<div class="r9"></div>
<div class="r10"></div>
<div class="r11"></div>
<div class="r12"></div>
Men som ni ser blir den en bakgrund nu barför att jag har background. Så hur kan jag endast få 1px i en annan färg istället för background ?
/Forcevision