CSS是一種用于網頁樣式設計的語言，它的使用可以讓網頁看起來更加美觀、易讀。下面我們來看一看如何使用CSS來修改DL和UL標簽的樣式。

<style>
dl {
border: 1px solid grey; /* 添加邊框 */
padding: 10px; /* 添加內邊距 */
}
dl dt {
font-weight: bold; /* 加粗標題 */
font-size: 18px; /* 設定標題字號 */
}
dl dd {
margin: 0; /* 去掉默認的上下外邊距 */
font-size: 14px; /* 設定正文字號 */
}
ul {
list-style: none; /* 去掉默認的圓點 */
padding-left: 0; /* 去掉默認的左側內邊距 */
}
ul li {
padding-left: 20px; /* 添加左側內邊距 */
position: relative; /* 讓子元素相對于父元素定位 */
}
ul li:before {
content: ''; /* 使用偽元素添加箭頭 */
position: absolute;
left: 0;
top: 5px;
width: 10px;
height: 10px;
border: 1px solid black;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
</style>

上面的代碼中，我們首先添加了樣式到DL標簽中。通過添加邊框和內邊距，可以讓DL列表更加突出，易于閱讀。同時，使用選擇器DL DT和DL DD來分別對列表標題和正文進行樣式設定，使其更加易讀。

對于UL標簽，我們添加了樣式來去除默認的圓點和左側內邊距。通過使用選擇器UL LI和偽元素:before來添加左側箭頭，使得UL列表更加美觀易讀。