How to create shapes like Rectangle, circle, and square using HTML & CSS / create shapes with css
How to create shapes like Rectangle, circle, and square using HTML & CSS / create shapes with css
Code:
html
head
style
.square{
height:100px;
width:100px;
background-color:red;
}
.triangle{
width:0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid green;
}
.circle{
height:100px;
width:100px;
background-color: aqua;
border-radius: 50%;
}
.rectangle{
height:100px;
width:200px;
background-color: black;
}
/style
/head
body
div class="square" /div
br
div class="triangle" /div
br
div class="circle" /div
br
div class="rectangle" /div
/body
/html
Description Tags:
How to make shapes with CSS
Making Shapes With CSS
How To Create Shapes In Html & Css.
Chapters:
0:00 - Introduction for creating shapes using CSS
0:34 - Creating a square shape using CSS and execution
2:13 - Creating a triangle shape using CSS and execution
4:36 - Creating a circle shape using CSS and execution
6:18 - Creating a rectangle shape using CSS and execution
8:04 - End tags and subscription to channel
Donation Section:
Now you can Donate us via Paypal or Google Pay
Paypal link : https://www.paypal.me/Azhar67
GooglePay/PhonePe/BHIM App UPI ID : shaikazharjamal@okhdfcbank
My second Channel:
WrestleTalkByAzhar - / wrestletalkbyazhar
Next Steps :
---------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------
Must Watch Playlists
► 1. Javascript - • Javascript Factory
► 2. Puppetter - • Puppeteer
► 3. Cypress - • Cypress
► 4. Tech works - • Video
► 5. Vbscript Basics To Advanced - • VBScript Part 1 - Features Advantages Dis...
► 6. Jmeter - • Jmeter Tutorials
► 7. Excel - • Videos On Excel
► 8. Appium - • Appium
► 9. Shares - • Shares
► 10. Javascript Interview Questions - • Javascript Interview Questions
► 11. C# Tutorials - • C# Factory
► 12. HTML & CSS - • HTML & CSS
► 13. Browser Console - • Browser Console
---------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------
#CreateShapesUsingCSS
#CSS
#HTML