CSS畫灰色細線是前端設計中常用的基本技能之一。下面將介紹CSS如何畫出灰色細線的方法。

/* 設置線條樣式為實線，顏色為灰色，寬度為1px*/
border: 1px solid #d9d9d9;

首先，我們要使用CSS中的邊框(border)屬性來畫出線條。這個屬性可以使用實線、虛線和點線等多種樣式。我們的灰色細線需要使用實線樣式。下面是實現(xiàn)的代碼：

/* 設置線條樣式為實線，顏色為灰色，寬度為1px*/
border: 1px solid #d9d9d9;

這個代碼可以畫出一條寬度為1像素、顏色為灰色的實線。我們可以通過更改顏色屬性來改變線條的顏色。

另外，我們還可以使用CSS的偽元素(before或after)來繪制一個更細的線條。代碼如下：

/* 使用偽元素before來畫出細線, 寬度為0.5px */
border-bottom: 1px solid #d9d9d9;
position: relative;
}
:before {
content: "";
display: block;
position: absolute;
bottom: -0.5px;
left: 0;
right: 0;
background-color: #d9d9d9;
height: 1px;
}

這個代碼可以繪制出一條寬度為0.5像素、顏色為灰色的細線。我們在原來的基礎上，新添加了一個偽元素(before)。使用偽元素需要將元素的位置屬性設置為relative或absolute。在這個例子中，我們將border-bottom設為1像素，然后在元素的底部加上一個高度為1像素的偽元素，通過設置bottom為負的偽元素高度的一半來實現(xiàn)細線的效果。

總之，CSS的border屬性和偽元素可以幫助我們輕松地繪制出美麗的細線，可以廣泛應用于各種UI設計中。