CSS 3 - 使邊框底部的實線變細

我想用CSS 3繪製一條線並將其放置在一個元素下面。這個明顯的選擇是我設定的邊框底部。由此產生的線條比我想要的要厚一點。有什麼方法可以讓它變得更薄？CSS 3 - 使邊框底部的實線變細

編輯：

代碼。（對不起，渾身溼透）

border-bottom: 1px solid #454;

來源

2012-02-22 n_x_l

它有多厚？ – SLaks 2012-02-22 01:37:11

比1px還薄嗎？ – mrtsherman 2012-02-22 01:37:35

你的代碼在哪裏？你使用邊框底部：1px #color solid？你現在在使用1個像素嗎？ – donutdan4114 2012-02-22 01:38:16

請至少告訴我們你的代碼。

你的CSS說什麼？

1px的可能是最小的線路，如：

border-bottom: 1px solid #000;

，但你可以給beeing與混合邊框顏色到背景色或使用虛線樣式更小的錯覺。

border-bottom: 1px dotted rgba(0, 0, 0, 0.5); 
border-bottom: 1px solid rgba(0, 0, 0, 0.2); 
border-bottom: 1px dotted #eee; 
border-bottom: 1px solid #ccc; 
/*etc...*/

可能看起來更瘦。

來源

2012-02-22 01:37:56

謝謝。我正在尋找這樣的解決方法。並添加代碼。 – 2012-02-22 01:46:26

如果使用的是青菜，你可以方便地使用減倉功能e.g

$color: #454; 
lighten($color, 20%);

調節％，以適應你想怎麼點亮。

來源

2014-08-22 17:15:28 parkerproject

CSS 3 - 使邊框底部的實線變細

回答

相關問題