Prev Demo
CSS3
>
Border-Image
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html /> <html> <head> <title></title> </head> <body> <style> a.class1 { font-size: 20px; border: 2px solid green; padding: 10px; border-radius: 10px; } a.class1:hover { background-color: pink; } #divImgS { border-image: url('/HTPictures/Generics/5-635757227429655487.jpg') 250 250 round; -webkit-border-image: url('/HTPictures/Generics/5-635757227429655487.jpg') 200 200 round; height: 30px; border-width: 30px; } </style> <p>this is some text</p> <a href="http://www.dotnetfunda.com" class="class1">dotnetfunda.com</a> <p> this is some text</p> <div id="divImgS"> ITFUNDA </div> </body>
Note: We DO NOT save your trial code in our database.
Output