2017-10-13 167 views
1

我有CSS屬性表TD:帶顏色的border-left覆蓋border-radius?

border-radius: 4px; 
border-left: 5px solid red; 

我想左邊框爲圓角和紅色。但是,當我試圖給它一個顏色時,似乎邊界半徑不會出現在左側。

解決此問題的最佳方法是什麼?

回答

0

只需調換順序會解決這個問題:

border-left: 5px solid red; 
border-radius: 4px; 

這是因爲border-left:將一切都設置爲默認值,包括半徑。

0

因爲您的左邊界小於半徑。如果你gove邊界半徑4個電腦和邊界左5個像素。它對您而言不可見。使您的半徑大於邊界左側。 例如

<div class="a"> 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur ea dicta perferendis, error qui, nisi labore cupiditate aspernatur et, recusandae nemo itaque aliquid velit sint voluptatum alias hic amet omnis. 
</div> 

.a{ 
    border-left: 5px solid red; 
    border-radius: 3px; 
} 

enter image description here