在CSS中,為li
標簽添加鏈接通常是通過HTML中的a
標簽來實現(xiàn)的,以下是一個基本的示例:
1、HTML結(jié)構(gòu):
<ul> <li><a href="https://html4.cn">鏈接文本</a></li> <li><a href="https://html4.cn/page2">另一個鏈接文本</a></li> </ul>
2、CSS樣式(可選):
ul { list-style-type: none; /* 移除列表樣式 */ padding: 0; /* 移除內(nèi)邊距 */ } li a { text-decoration: none; /* 移除下劃線 */ color: #333; /* 設(shè)置鏈接顏色 */ padding: 10px; /* 設(shè)置鏈接內(nèi)邊距 */ }
在這個示例中:
HTML部分創(chuàng)建了一個無序列表(ul
),其中的每個列表項(li
)都包含一個指向不同URL的錨點(a
)。
CSS部分可選地移除了列表樣式(list-style-type: none;
),并設(shè)置了鏈接的樣式,如下劃線(text-decoration: none;
)、顏色(color: #333;
)和內(nèi)邊距(padding: 10px;
)。
這樣,你的li
標簽就會包含指向特定URL的鏈接,并且可以根據(jù)需要應(yīng)用樣式。