- 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>
Published on 17-May-2018 10:39:14
- 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