" in the body; then set the width, height and color of the div graphic; Finally, set the "border-radius" attribute to draw a circle."/> " in the body; then set the width, height and color of the div graphic; Finally, set the "border-radius" attribute to draw a circle.">
Home >Web Front-end >Front-end Q&A >How to draw a circle in html
##The operating environment of this article: windows7 system, HTML5&&CSS3 version, DELL G3 computerOpen any coding software, Dreamweaver or hbuilder, etc. You can use any coding software. Then when creating the canvas, choose to create an html file After entering the html file, fill in the title tag, enter the css style in the style tag, and body Zhongshi theme part; in the title tag, you can enter the website name, as shown in the picture here, enter the words "circle making", when opened in the browser When watching, you can see that the name of the website is the words Circle Production.htmlHow to draw a circle: First create an HTML sample file; then enter the main content "
" in the body; then set this The width, height, and color of the div graphic; finally, set the "border-radius" attribute to draw a circle.
##Then enter the main content in the body
[Recommended learning:《
HTML video tutorial#Then you need to add css style to the entire div, set the width and height attributes and color fill settings of this graphic ;
#yuan{width:200px;height:200px;background-color:red;}
This creates a red rectangular shape, as shown in the picture
How to turn a right angle For rounded corners, here is the code for rounding corners: border-radius:50%; set the width and height rotation angles to 50% of the original. This is a circle, and then press ctrl s to save it.
As shown in the picture, after previewing it in the browser, it will be this circle.
The above is the detailed content of How to draw a circle in html. For more information, please follow other related articles on the PHP Chinese website!