```css

.link-blue-線條 {

position: relative;

width: 100%;

height: 100%;

.link-blue-線條：before,

.link-blue-線條：after {

content: "";

position: absolute;

top: 0;

left: 50%;

width: 0;

height: 0;

border-left: 75px solid transparent;

border-right: 75px solid transparent;

border-bottom: 100px solid green;

.link-blue-線條：after {

left: 50%;

transform: translateX(-50%);

上述代碼創建了一個名為“link-blue-線條”的CSS類，它使用`position: relative`屬性將圖像定位到頁面的頂部和底部，并使用`width: 100%;`和`height: 100%;`屬性設置圖像的高度和寬度相等。

接下來，`:before`和`:after`偽元素被添加到CSS類中，它們使用`content: "";`屬性來初始化，并使用`position: absolute;`和`top: 0;`和`left: 50%;`屬性來定位到父元素的頂部和底部。

最后，`border-left`和`border-right`屬性用于創建藍色的線，其中`border-right`屬性的寬度設置為` transparent`，以創建透明的效果。`border-bottom`屬性的寬度設置為`100px`，以確保圖像在藍色的線下方。