CSS是前端開發中不可或缺的一部分，它是一種樣式表語言，用于描述HTML文檔的外觀和樣式。今天我們來學習如何使用CSS將線條做成球體。

.ball {
width: 200px;
height: 200px;
border-radius: 50%;
background: -webkit-linear-gradient(
top,
#DCDCDC 0%,
#DCDCDC 50%,
#F6F6F6 50%,
#F6F6F6 100%
);
box-shadow: inset -10px -10px 20px rgba(0, 0, 0, 0.4);
position: relative;
overflow: hidden;
}
.ball:after, .ball:before {
content: '';
position: absolute;
top: 40px;
width: 50px;
height: 20px;
border-radius: 10px;
background: #FFF;
transform: translate(-15px, -10px);
}
.ball:before {
left: -20px;
}
.ball:after {
right: -20px;
transform: translate(15px, -10px);
}

在以上代碼中，我們創建了一個`.ball`的容器，它使用了`border-radius`屬性將矩形盒子變成了圓形。我們還使用了`background`屬性來創建線條的樣式，這里使用了漸變色。`box-shadow`屬性則添加了盒子的陰影效果。

`.ball`容器的高度和寬度相等，以使它成為一個完整的圓球。同時，我們使用了`position: relative`和`overflow: hidden`屬性，以便我們可以在球體內部放置其它元素，并將溢出部分隱藏。

接下來，我們創建了`before`和`after`偽元素，它們是`.ball`容器的子元素。這兩個元素用于創建球體上的兩條白線，它們的位置與大小也已經定義好了。

在這里，我們使用了`transform`屬性對偽元素進行了位移和旋轉的變換，以使其成為球體上的兩條白線。最后，我們將偽元素的寬度、高度和圓角屬性設置為需要的值，以便讓它們看起來更像彎曲的線條。

通過以上代碼，我們可以輕松地創建一個線條做成的球體，并將它應用到網站的設計中，增加更多的互動性和視覺效果。