by
2
6
4,180
3
Top 1% !
Popular
Famous
Easy-to-find
Specified
MultiPlatform
Popularity: 2347th place

Published on:

LanguageCSS
LanguageHTML
LicenseMIT_X11

Round corner div using CSS style

This simple html example shows how to render a div with rounded corners.
Copy Embed Code
<iframe id="embedFrame" style="width:600px; height:300px;"
src="https://www.snip2code.com/Embed/44749/Round-corner-div-using-CSS-style?startLine=0"></iframe>
Click on the embed code to copy it into your clipboard Width Height
Leave empty to retrieve all the content Start End
<!DOCTYPE html> <html> <HEAD> <title>HTML Example</title> <style type="text/css"> .roundCss { -moz-border-radius: 15px; border-radius: 15px; border:2px solid #a1a1a1; padding:10px 40px; background:#FAFAFA; width:850px; } </style> </HEAD> <BODY> <h1>My rounded corner div</h1> <div class="roundCss">some text here...</div> </BODY> </html>
If you want to be updated about similar snippets, Sign in and follow our Channels

blog comments powered by Disqus