在網頁設計中，有很多元素可以使用 CSS 來替代。這些元素雖然有其特定的標簽，但是我們可以用 CSS 樣式來達到相同的效果。

/* 使用 CSS 替代 hr 標簽 */
hr {
border: none;
height: 1px;
background-color: #eee;
margin: 20px 0;
}
/* 使用 CSS 替代 ul li 標簽 */
ul {
list-style: none;
padding: 0;
margin: 0;
}
li {
padding-left: 16px;
background-image: url('bullet.png');
background-repeat: no-repeat;
background-position: 0 50%;
}
/* 使用 CSS 替代 table 標簽 */
table {
border-collapse: collapse;
}
th, td {
border: 1px solid #ccc;
padding: 6px 10px;
}
/* 使用 CSS 替代 input 標簽 */
input[type=text], input[type=password], textarea {
border: 1px solid #ccc;
padding: 6px 10px;
font-size: 14px;
border-radius: 4px;
box-shadow: none;
}

當然，使用 CSS 接管所有元素并不總是最佳選擇。一些元素，如表單中的 input 和 select 標簽，會同時具有樣式和功能。在這種情況下，完全用 CSS 替代標簽可能會破壞這些元素的功能。

總之，使用 CSS 替代元素是一個簡單而有效的技巧，可以幫助我們更好地控制網站的外觀和行為。