Prev Demo
CSS3
>
Border-Top Property
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title>Demo</title> </head> <body> <style> .class1 { border-style:solid; border-top:dotted red; } .class2 { border-style:double; border-top:solid blue; } .class3 { border-style:groove; border-top:hidden; } .class4 { border-style:dashed; border-top:double; } </style> <p class="class1">Shows the Red dotteed top border.</p> <p class="class2">Shows the Blue solid top border.</p> <p class="class3">Shows the Hidden top border.</p> <p class="class4">Shows the Double top border.</p> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
