CSS Circle border -
<!doctype html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>1</title> <style type="text/css"> body{margin:100px;} #x { position:relative; width:300px; height:360px; background-color:#07284a; -moz-border-radius: 30px; -webkit-border-radius:30px; -khtml-border-radius:30px; border-radius:30px; border:1px solid #37629b; } #f { background-color:#07284a; width:126px; height:126px; position:absolute; right:-63px; top:-63px; -moz-border-radius: 63px; -webkit-border-radius:63px; -khtml-border-radius:63px; border-radius:63px; border:1px solid red; } </style> </head> <body> <div id="x"> <div id="f"></div> </div>
inside block "x" shown red border of circle... how can remove 25% borders circle? sorry bad english
added
i believe want remove bottom-left quarter of border blends big rectangle. can removing bottom border , rotating 45 degrees bottom portion becomes bottom-left:
border-bottom-color: transparent; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);
Comments
Post a Comment