CSS是網頁設計的重要工具之一，它可以讓網頁更加美觀和易于閱讀。在網頁設計中，經常需要使用一些效果來增強用戶的體驗，比如點擊后改變div。下面我們就來介紹一下如何使用CSS實現這個效果。

<div class="box">這是一個div</div><style>.box{
width: 200px;
height: 200px;
background-color: #f0f0f0;
transition: all 0.3s ease;
}
.box:hover{
transform: scale(1.1);
background-color: #ccc;
}
</style>

上面這段代碼中，我們首先定義了一個class為"box"的div，它的寬度和高度都是200px，背景顏色為#f0f0f0。然后我們使用transition屬性來設置動畫效果，其中"all"表示所有屬性都要有過渡效果，"0.3s"表示過渡時間為0.3秒，"ease"表示緩動函數。

接著，在:hover偽類下，我們使用transform屬性來進行縮放操作，這里我們設置為1.1倍，表示鼠標移上去后div會放大一點。同時，我們也改變了背景顏色，從原來的#f0f0f0變成了#ccc。

通過這種方式，我們就可以實現點擊后改變div的效果了。當然，這只是其中一種方法，還有很多其他的實現方式，需要根據實際情況進行選擇。