在網頁設計中,圖片不僅可以美化網頁,同時也可以吸引用戶的注意力,html和css可以幫助我們在網頁中使用可愛的圖片。
HTML標簽用于在網頁中插入圖片,具體代碼如下:
<img src="圖片地址" alt="圖片描述" title="鼠標移動到圖片上的提示信息">
其中,src屬性可以設置圖片的地址,alt屬性為圖片提供文字描述,title屬性可以提供鼠標移動到圖片上時的提示信息。
為了使圖片更加美觀,我們可以使用CSS樣式來設置圖片的大小、邊框和樣式等。代碼如下:
img{ width: 100px; /*設置圖片寬度*/ height: 100px; /*設置圖片高度*/ border: 1px solid pink; /*設置邊框*/ border-radius: 50%; /*設置圓角*/ box-shadow: 2px 2px 5px grey; /*設置陰影效果*/ }
利用CSS樣式,我們可以使圖片的形狀更加多樣化,能夠制作出可愛有趣的圖片,增加網頁的趣味性。
總之,HTML和CSS可以協同工作,幫助我們在網頁中使用可愛的圖片,制作出更具吸引力的頁面。
上一篇css里設置字體的顏色
下一篇html css寫兩個