div+css這樣的代碼怎么寫(xiě)

要做出這個(gè)，不單單需要div+css布局，還需要javascript來(lái)做動(dòng)態(tài)效果。
拿你這個(gè)圖來(lái)說(shuō)，可以這么做：
先一個(gè)ul li 序列組，把四條語(yǔ)句添加好，然后再寫(xiě)四個(gè)div，每個(gè)div里的內(nèi)容對(duì)應(yīng)一條語(yǔ)句，然后div初始狀態(tài)隱藏，當(dāng)鼠標(biāo)移到某一條語(yǔ)句時(shí)，就觸發(fā)顯示該語(yǔ)句對(duì)應(yīng)div的動(dòng)態(tài)效果

彈出需要JS的

這個(gè)你想寫(xiě)什么啊，我都會(huì)的，我都是寫(xiě)這些的

滑過(guò)變色的css代碼為：a:hover{color:red;}
出現(xiàn)右側(cè)矩形框復(fù)雜點(diǎn)，可以用css寫(xiě)也可以js寫(xiě)。人比較懶，就不寫(xiě)了