CSS壓鉚(Drilling and 穿了)原理是指通過在網頁上使用CSS樣式表控制元素的位置、大小、形狀等屬性，使得元素在頁面上呈現出類似于金屬器件的鉚釘效果。這種技術也被稱為“CSS金屬效果”或“CSS壓鉚”。
CSS壓鉚的原理是通過在HTML元素中添加特殊的CSS樣式表屬性，控制元素的形狀和位置，從而實現元素的鉚釘效果。具體來說，CSS壓鉚通常包括以下步驟：
1. 創建HTML結構
2. 添加CSS樣式表
3. 調整樣式表屬性
4. 測試效果
在創建HTML結構方面，通常需要先定義HTML元素的結構，例如使用
元素創建容器，
元素內包含內容等。然后，需要為HTML元素添加CSS樣式表，以便控制元素的形狀和位置。
在添加CSS樣式表方面，需要添加特殊的樣式表屬性來控制元素的鉚釘效果。例如，可以使用CSS的“margin”屬性來創建垂直鉚釘，使用“padding”屬性來創建水平鉚釘等。還可以使用CSS的“transform”屬性來控制元素的旋轉和縮放等效果，以創建復雜的鉚釘效果。
在調整樣式表屬性方面，需要根據具體的需求調整元素的樣式，例如調整元素的大小、位置、顏色等。例如，可以使用CSS的“width”和“height”屬性來調整元素的寬度和高度，使用“margin”和“padding”屬性來調整元素的水平和垂直margin和padding等。
最后，需要測試效果。可以使用瀏覽器的開發者工具來查看元素的樣式效果，并檢查元素的鉚釘效果是否達到預期。如果效果不理想，可以通過調整樣式表屬性來改進鉚釘效果。
CSS壓鉚是一種常用的網頁設計和布局技術，可以幫助網站設計師和開發人員創建具有吸引力和視覺效果的網頁。通過使用CSS壓鉚，可以創建各種不同的鉚釘效果，例如垂直鉚釘、水平鉚釘、圓形鉚釘等，從而實現各種不同的設計風格。