Your Exercise:
Draw a border around all paragraphs on the page below.
Tip: Change the style element.
Edit This Code:
See Result »
<!DOCTYPE html> <html> <head> <style> body {background-color:lightgrey} h1 {color:blue} p {color:black} </style> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> <p>This is a paragraph.</p> <p>This is a paragraph.</p> <p>This is a paragraph.</p> </body> <!-- Mirrored from www.w3schools.com/html/exercise.asp?filename=exercise_css4 by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 23 Jan 2015 07:20:06 GMT --> </html>
Result:
Show Answer
Correct Code:
<!DOCTYPE html> <html> <head> <style> body {background-color:lightgrey} h1 {color:blue} p {color:black;border:1px solid grey} </style> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> <p>This is a paragraph.</p> <p>This is a paragraph.</p> <p>This is a paragraph.</p> </body> </html>
Correct Result:
Hide Answer