當今的網頁開發越來越注重排版效果的呈現，div作為一種非常重要的標簽，已經成為開發中必不可少的元素之一。如果把一個網頁比喻成一本書，那么div就是書頁，而css就是對書頁進行排版的工具。如何使用div和css讓網頁更美觀呢？以下是一些實用的技巧。

/*創建一個基礎的div并設置樣式*/
div{
width: 200px;  /*設置div寬度200px*/
height: 200px; /*設置div高度200px*/
background-color: blue; /*設置div背景色為藍色*/
color: white;  /*設置字體顏色為白色*/
text-align: center; /*文字居中*/
}
/*使用CSS變量*/
:root{
--my-color: green;/*設置一個css變量*/
}
div{
color: var(--my-color);/*使用定義的變量*/
}
/*使用媒體查詢*/
@media (max-width: 600px){/*查詢設備最大寬度是否小于等于600px*/
div{
background-color: red; /*將div背景色更改為紅色*/
}
}

通過使用div和CSS的技巧，可以讓網頁在不同的設備上顯示效果更為優美，更符合用戶的使用體驗。除了上述技巧以外，還有很多其他的方法可以運用。在開發網頁時多加嘗試，體驗不同的效果，才能讓自己更細致，更專業。