Bo tròn hình ảnh trên Website, Blogspot với border-radius

Bo tròn hình ảnh - hay nói dễ hiểu hơn là hình ảnh đó mặc định là hình vuông nhưng bạn sẽ nặn, nặn và nặn tròn lại. Với Website và Blog thì việc này hoàn toàn dễ dàng khi bạn chỉ cần sử dụng 1 thuộc tính của CSS là làm được việc này. Rất nhiều bạn khi vào Website www.lamdepkhoe.com được thiết kế trên nền Blogger có thắc mắc tại sao temp đó mặc định không phải là hình tròn ở bài xem nhiều trong tuần, tháng, năm,...mà ở site đó lại có. Và bài viết này ITViet360 chia sẻ với bạn cách làm này. Thật đơn giản chỉ với 1 thuộc tính được hướng dẫn dưới đây

Demo tại site: Làm đẹp và sức khỏe

Thuộc tính CSS đó là:  border-radius: 40px;

Trong đó giá trị 40 bạn thay đổi theo bạn sao cho bo góc tròn theo ý bạn.
Đối với Blogger nếu bạn muốn bo tròn hình ảnh đại diện của phần PopularPosts thì bạn làm theo sau
- Vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa mẫu (Edit HTML)

- (Ctrl + F) tìm tới .PopularPosts img và dán thuộc tính CSS vào trong đó.

- Lưu mẫu lại và xem kết quả.
Chúc các bạn vui vẻ !

Tweet