在Web開發中,經常需要用到圓形圖片來優化網頁的界面效果。下面將介紹如何通過CSS實現一個圓形圖片。
/*HTML*/ <img src="your_image.jpg" class="round"> /*CSS*/ .round { border-radius: 50%; }
首先,在HTML中插入一張圖片,并為其添加一個屬性class,賦值為“round”。
然后,在CSS中使用“border-radius”屬性將圖片的邊框弧度設置為“50%”。
通過上述代碼,我們實現了一個圓形圖片。如果想要調整圓形的大小,可以通過修改“width”和“height”屬性來實現。