HTML Compiler Online
Javascript Online Compiler
index.html
Change Theme
Compress code
Format code
Download Code
Clear Code
Copy Code!
Run
ctrl+s or click
Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS - border color</title> <style> .color1 { border-style: solid; border-color: red; } .color2 { border-style: solid; border-color: #d423bd; } .color3 { border-style: solid; border-color: rgb(124, 45, 20); } .color4 { border-style: solid; border-color: hsl(90, 50%, 50%); } </style> </head> <body> <p class="color1">This is colored using color name.</p> <p class="color2">This is colored using color hex value.</p> <p class="color3">This is colored using color rgb value.</p> <p class="color4">This is colored using color hsl value.</p> </body> </html>
Run
x
x
