CSS樣式表和HTML標記語言一起構成了Web開發的基礎，提供了豐富的排版和交互效果，下面介紹如何使用CSS和DIV制作色塊。

div.box {
background-color: #2980b9;
color: #fff;
height: 100px;
width: 200px;
text-align: center;
line-height: 100px;
border-radius: 10px;
}

以上代碼展示了使用CSS定義一個名為“box”的DIV元素，設置它的背景顏色為亮藍色（#2980b9），文字顏色為白色（#fff），高度為100像素，寬度為200像素，文字水平居中對齊，垂直居中對齊，邊角半徑為10像素。

將以上代碼嵌入HTML頁面中，就可以創建一個具有指定樣式的色塊。

<div class="box">This is a box.</div>

以上代碼展示了使用class屬性綁定自定義樣式名“box”到DIV元素，也可以使用id屬性綁定自定義樣式名。

通過類似以上的自定義樣式名和CSS樣式定義，開發者可以創建出品牌獨特、美觀明顯的網站，提升用戶體驗。