CSS+div是前端開發中常用的樣式代碼，它可以讓網站設計更加美觀，使網頁更容易閱讀。下面我們來介紹一些常用的CSS+div樣式。

/* 居中元素 */
div{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
/* 隱藏元素 */
div{
display: none;
}
/* 自適應寬度 */
div{
width: 100%;
box-sizing: border-box;
}
/* 陰影效果 */
div{
box-shadow: 0px 0px 10px #333;
}
/* 圓角效果 */
div{
border-radius: 10px;
}
/* 漸變背景 */
div{
background: linear-gradient(to right, #f00, #0f0, #00f);
}
/* 三角形 */
div{
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid #333;
}
/* 滑動效果 */
div{
transition: all 1s;
}
div:hover{
transform: scale(1.2);
}
/* 固定位置 */
div{
position: fixed;
top: 0;
left: 0;
}
/* 可拖動效果 */
div{
cursor: move;
}
div:hover{
position: relative;
left: 100px;
top: 50px;
}
/* 半透明 */
div{
opacity: 0.5;
}

這些樣式只是CSS和div樣式庫中的一部分，你可以根據需要進行自由組合。這些樣式大多數都是通過CSS屬性來實現的，在使用時只要把對應的屬性賦值給div元素即可。