欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css圖片顯示原型

吉茹定2年前13瀏覽0評論

CSS中可以讓圖片顯示為圓形或者橢圓形,這種技術(shù)被稱為圖片顯示原型。這種技術(shù)在視覺效果上會讓網(wǎng)頁更加美觀、引人注目。

/* 例一:將圖片顯示為圓形 */
img {
border-radius: 50%;
}
/* 例二:將圖片顯示為橢圓形 */
img {
border-radius: 50% / 25%;
}

我們可以使用border-radius屬性來實現(xiàn)圖片顯示原型,其中50%表示圖片的寬度和高度的一半來設(shè)置圓形,而50% / 25%則表示寬度的一半和高度的四分之一來設(shè)置橢圓形。

需要注意的是,使用這種技術(shù)時,圖片的邊框會與其圓形或者橢圓形的邊緣重合,如果不想看到邊框,可以將圖片的邊框設(shè)置為0。

/* 將圖片的邊框設(shè)置為0 */
img {
border: none;
}

當然,圖片不只是可以顯示為圓形或者橢圓形,我們還可以使用其他形狀來設(shè)置圖片的顯示原型,例如三角形、五角星等等,這是需要使用到更為高級的技術(shù)。