css - Border around HTML Page Not Working -



css - Border around HTML Page Not Working -

i have looked around few different solutions on google , tried them out, still cannot seem page border work.

i tried creating div container contain on page, had div 4 div circles on inside, did not work when added border. so, took outer div away , left 1 div 4 div circles inside.

finally (what below), tried adding border body, still not set border around entire page.

i have feeling problem might have height , width values, have played , not desires results.

thanks advice

here code:

<!doctype html> <html> <head> <style> body { background: white; border: 1px solid #ff0000; width: 100%; height: 100%; } .circle { width: 100px; height: 100px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; text-align: center; display: inline-block; } .container { text-align: center; display: inline-block; width: 100%; } </style> </head> <body> <center> welcome website! <br> <br> </center> <div class = "container"> <div class= "circle" style = "background-color:red">about</div> <div class= "circle"style = "background-color:orange">homework</div> <div class= "circle"style = "background-color:red">blender</div> <div class= "circle"style = "background-color:orange">research</div> <div class= "circle"style = "background-color:red">english</div> </div> </body> </html>

try this

html,body{ width: 100%; height: 100%; margin:0; padding:0; } body { background: white; border: 1px solid #ff0000; -webkit-box-sizing: border-box;/* safari/chrome, other webkit */ -moz-box-sizing: border-box;/* firefox, other gecko */ box-sizing: border-box;/* opera/ie 8+ */ }

html css border

Comments

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -