
- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Create circled image with CSS
To create a circled image with CSS, use the border-radius property.
Example
<!DOCTYPE html> <html> <head> <style> img { border-radius: 50%; border: 1px solid blue; } </style> </head> <body> <h2>Coding Ground</h2> <img src = "https://www.tutorialspoint.com/videotutorials/images/coding_ground_home.jpg" alt="Online Compiler" width="300" height="300"> </body> </html>
- Related Questions & Answers
- Create rounded image with CSS
- Create thumbnail image with CSS
- Create a transparent image with CSS
- Create a mirror image with CSS
- How to create image filters with CSS
- How to create an image gallery with CSS
- How to create a Hero Image with CSS?
- How to create an avatar image with CSS?
- How to create a responsive image with CSS?
- How to create a sticky image with CSS?
- How to create a responsive image gallery with CSS
- How to create a blurry background image with CSS?
- How to create image overlay hover effect with CSS?
- How to create a full-page background image with CSS?
- How to create image overlay hover slide effects with CSS?
Advertisements