我們經(jīng)常會用到 CSS 來美化網(wǎng)頁,其中一個很常見的問題是圖片出現(xiàn)了藍色邊框。這是因為圖片被默認設(shè)置為鏈接,可以被點擊,在一些瀏覽器中會出現(xiàn)這樣的藍色邊框。
如果我們不想顯示這個藍色邊框,我們可以通過 CSS 樣式來去除它。以下是去除藍色邊框的 CSS 代碼:
img { border: none; /* 去除圖片邊框 */ }我們可以把這段代碼放在頁面的頭部,或者通過外聯(lián) CSS 文件來使用。 除了去除圖片邊框外,我們還可以給圖片添加一些樣式來美化它。比如,我們可以讓圖片居中,并添加一定的邊距:
img { display: block; /* 讓圖片居中 */ margin: 0 auto; /* 水平居中 */ padding: 10px; /* 添加 10 像素的內(nèi)邊距 */ border: 1px solid #ccc; /* 添加 1 像素的邊框 */ }這樣,我們的圖片就會變得更加美觀。希望這篇文章對你有所幫助!