html - how to make a css border for div -
i used link how set border html div tag make css border div tag.
<!doctype html> <html> <head> <style type="text/css"> #box{ border: 5px solid black; } </style> </head> <body> <div id="box"> sign in </div> </body> </html> if put border: 10px; or border-right: 5px solid black; then, there no border. why happen ?
border: 10px; not work because border requires @ least style because there no default style, default color black don't need color. following work
#box { border: 10px solid; } border-right: 5px solid black; same border-right: 5px solid; , display, div block element , such takes entire width of container (just @ right side of page)
now if want border directly beside text can turn block element div inline-block element
#box { display: inline-block; border-right: 5px solid black; } also can set each border property individually so
#box { border-width: 5px; border-style: solid; border-color: black; } or 1 side so
#box { border-right-width: 5px; border-right-style: solid; border-right-color: black; } 
Comments
Post a Comment