在CSS中,可以使用border-radius
屬性來創(chuàng)建圓角矩形,同時(shí)使用text-decoration
屬性來添加下劃線,以下是一個(gè)示例代碼:
.rounded-rectangle { width: 200px; height: 100px; border-radius: 10px; border: 1px solid #000; text-decoration: underline; }
在這個(gè)示例中,rounded-rectangle
類定義了一個(gè)圓角矩形,其中width
和height
屬性設(shè)置了矩形的寬度和高度,border-radius
屬性設(shè)置了圓角的半徑,border
屬性設(shè)置了矩形的邊框樣式,text-decoration
屬性添加了下劃線。
你可以根據(jù)需要調(diào)整這些屬性的值來實(shí)現(xiàn)不同的效果,也可以在HTML中使用class
屬性來應(yīng)用這個(gè)樣式類,
<div class="rounded-rectangle">這是一個(gè)圓角矩形下劃線</div>
這樣,這個(gè)div
元素就會應(yīng)用rounded-rectangle
樣式類,并顯示為一個(gè)圓角矩形下劃線。