CSS是一種很有趣的語言,我們可以使用它來控制網頁的樣式。其中的一個功能就是可以將圖片設成邊框。
img { border: 5px solid black; }
在上面的代碼中,我們首先選擇了要進行樣式控制的標簽(這里是img標簽),然后使用border屬性來給它添加邊框。其中,5px用來指定邊框的寬度,solid用來指定邊框的樣式為實線,black則指定了邊框的顏色為黑色。
如果我們想讓邊框變得更加美觀,還可以繼續添加其他的樣式屬性,比如border-radius可以用來添加圓角邊框,box-shadow可以用來添加陰影效果。
img { border: 5px solid black; border-radius: 10px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); }
在上面的代碼中,我們給邊框添加了圓角樣式,使其看起來更加柔和,同時也使用box-shadow添加了陰影效果,使圖片更具立體感。
總之,CSS給我們提供了很多靈活的選擇,讓我們可以按照自己的意愿來美化頁面。希望這篇文章對您有所啟發!
下一篇css將圖片水平居中