CSS是一種用來控制網頁顯示的樣式語言。其中一種常用的樣式屬性是border,它可以制作出圖像的點線邊框效果。
img { border: 1px dotted #ccc; }
上面的代碼表示將圖片(img)的邊框(border)設置為1像素的點線(dotted)邊框,顏色為#ccc。這樣,我們就可以為圖片添加漂亮的邊框效果。
除了邊框以外,我們還可以用CSS制作出點、劃線效果。下面是一個例子:
p { text-decoration: underline; } span { border-bottom: 1px dotted #ccc; padding: 2px; }
上面的代碼表示將段落(p)的文本添加下劃線效果,同時,用span包含的文本添加1像素的點線邊框,并添加2像素的內邊距(padding)。這樣,我們就可以為文本添加點線效果了。
總之,CSS可以讓我們輕松地制作出漂亮的圖片邊框和文本效果。我們可以通過調整屬性的值來自定義效果,增加網頁的美觀性和可讀性。