76css是一道常見的CSS樣式面試題，通常出現在前端開發的筆試或面試中。這道題主要考察面試者的CSS樣式掌握程度和對CSS布局的理解，讓我們一起來看看具體內容。

題目描述：

div {
width: 200px;
height: 200px;
background-color: red;
position: relative;
}
div::before {
content: '';
width: 0px;
height: 0px;
border: 100px solid transparent;
border-top-color: blue;
position: absolute;
top: -100px;
left: 50%;
margin-left: -100px;
}
div::after {
content: '';
width: 0px;
height: 0px;
border: 100px solid transparent;
border-top-color: blue;
position: absolute;
bottom: -100px;
left: 50%;
margin-left: -100px;
}

這道題目主要是要求在一個div容器中添加一個上下兩個三角形，中間分割線為紅色背景的div。實現方法是使用CSS偽元素before和after來添加上下三角形，通過絕對定位實現相對位置的調整。“::before”是在div前面添加元素，“::after”是在div后面添加元素。

解析：

首先，這段CSS代碼中div元素定義了它自身的寬高以及背景顏色。這個div元素是需要在其上下分別添加一個三角形，而這個三角形是由兩個偽元素before和after組成的。
其中，偽元素before定義了一個上三角形：使用border屬性來創建三角形，將容器寬度值設為0，高度值設為0，然后分別定義其四個邊框，上下邊框設為transperent，使其不可見。為了將三角形移到div的頂端，需要使用negative margin負值將其上移100px，并在左右兩側居中平移，因此還需要將left取值為50%，margin-left取值為負的half of width即-100px。
偽元素after則定義了一個下三角形：同上，在其基礎下使其下移100px即可。

總結：

這道題需要掌握CSS偽元素的使用，能夠快速的使用其創建一些特殊的元素。同時，對于盒模型和絕對定位等概念的掌握也非常重要，需要熟練使用。記得實際操作時還要兼顧兼容性問題，增加瀏覽器的兼容性。