How to display image as circular or rounded in visualforce page salesforce
Sample Visualforce Page Code:
<apex:page >
<html>
<head>
<style>
.circularImage {
border-radius:50%;
width:350px;
height:350px;
}
</style>
</head>
<body>
<br/>
<img class="circularImage" src="imageURL"/>
</body>
</html>
</apex:page>
Output:
Sample Visualforce Page Code:
<apex:page >
<html>
<head>
<style>
.circularImage {
border-radius:50%;
width:350px;
height:350px;
}
</style>
</head>
<body>
<br/>
<img class="circularImage" src="imageURL"/>
</body>
</html>
</apex:page>
Output:
No comments:
Post a Comment