2016-08-11 44 views
0

我需要此https://jsfiddle.net/ymony0qy/的幫助。爲什麼使用邊框半徑和邊框標籤製作一些外部邊框?

.row { 
 
    height: 50px; 
 
    display:table-row; 
 
    
 
} 
 
.col-left, .col-right { 
 
    
 
    display: table-cell; 
 
    vertical-align: middle; 
 
} 
 

 
.col-left{ 
 
    width: 100px; 
 
    background-color: #FFCC66 ; 
 
    text-align: center; 
 
} 
 

 
.col-left .content span{ 
 
    font-size: 20px; 
 
} 
 

 
.lab-variace { 
 
    background: #ff6800; 
 
    color: #fff; 
 
    border-radius: 15px; 
 
    border-collapse: separate; 
 
    padding: 1.2em; 
 
    margin: 0.2em; 
 
    cursor: pointer; 
 
    width: 220px; 
 
    display: table-cell; 
 
    border: 5px #fff solid; 
 
    height: 60px; 
 
} 
 

 
.lab-variace:hover { 
 
    background:#ccc; 
 
} 
 

 
.radio-varia:checked + .lab-variace{ 
 
    background: red; 
 
} 
 

 
.variace{ 
 
    margin-bottom: 15px; 
 
} 
 

 
.radio-varia{ 
 
    visibility: hidden !important; 
 
    position: absolute !important; 
 
}
<div id="variace"> 
 
     <div class="row"> 
 
     <input type="radio" name="pred_conf" id="zaklad" onclick="pocitej_vps()" value="zaklad" class="radio-varia"><label class="lab-variace" for="zaklad">Var 1<br />xx<br />xx<br />x</label> 
 
\t \t \t <input type="radio" name="pred_conf" id="stred" onclick="pocitej_vps()" value="stred" class="radio-varia"><label class="lab-variace" for="stred">Var 1<br />xx<br />xx<br />x</label> 
 
     </div><div class="row"> 
 
\t \t \t <input type="radio" name="pred_conf" id="extra" onclick="pocitej_vps()" value="extra" class="radio-varia"><label class="lab-variace" for="extra">Var 1<br />xx<br />xx<br />x</label> 
 
     <input type="radio" name="pred_conf" id="own" checked="checked" onclick="pocitej_vps()" value="own" class="radio-varia"><label class="lab-variace" for="own">Var 1<br />xx<br />xx<br />x<br /><br /><br /></label> 
 
     </div></div>

bad corners

正如你可以在每一個角落看到的是一些小的點外線。當我刪除border:5px #fff solid;沒關係。對它有幫助嗎?謝謝

+0

這是因爲您已經達到了極限像素。你看到的是像素可達到的最大值。做更精確的事情需要引導。 – Relisora

回答