BREAKING NEWS
བདེ་ཅན་སྨོན་ལམ་བསྡུས་པ།།
Launching a Specific Application without a UAC (User Account Control) Prompt
དུས་དེ་རིང་བཀྲ་ཤིས་ལྷ་རྒྱལ་ལོ།
Hide all the blog posts from the homepage | Hide all the widgets from all the blog posts
CSS for a Trapezoid/Trapezium
CSS for a Rectangle
Full forms of Technical Terms Used in Programming
What is i tag and b tag
CSS For Bold and Italic texts
Write texts on an image in html
Home
Technical Support
Blogger Tutorials
Earn Money
JavaScript
Subscribe Author On YouTube [Click Here>>]
Saturday, May 22, 2021
Home
CSS
CSS for a Trapezoid/Trapezium
CSS for a Trapezoid/Trapezium
Sir Chogyal
-
<img alt="Tapezoid CSS" src="https://i.ytimg.com/vi/4Nbg7YpooOc/maxresdefault.jpg"/>
<!DOCTYPE html> <html> <head> <style> .my-trapezoid { border-bottom: solid 200px darkgreen; border-left: solid 115px transparent; border-right: solid 115px transparent; width: 333px; position: relative; } p { position: absolute; left: 50%; color: yellow; font-size: 15pt; transform: translate(-50%, 300%) } </style> </head> <body> <center> <div class="my-trapezoid"> <p>This is a trapezoid</p> </div> </center> </body> </html>
Copy code snippet
You Might Also Like
CSS for a Trapezoid/Trapezium
May 22, 2021
-
Sir Chogyal
CSS for a Rectangle
May 22, 2021
-
Sir Chogyal
CSS For Bold and Italic texts
May 14, 2021
-
Sir Chogyal
Write texts on an image in html
May 12, 2021
-
Sir Chogyal
Hover & Hover Link in HTML
May 10, 2021
-
Sir Chogyal
CSS for an Oval Shape
May 07, 2021
-
Sir Chogyal
« PREV
NEXT »
No comments
Post a Comment
Newer Post
Older Post
Home
Subscribe to:
Post Comments ( Atom )
Subscribe by Email
|
YouTube
|
Facebook
|
Instagram
|
Twitter
Learning JavaScript Quickly
Subscribe by Email
|
YouTube
|
Facebook
|
Instagram
|
Twitter
No comments
Post a Comment