How To Create A Trapezium Using HTML and CSS?


STEP 1: Add <div class="trapezium"></div> in your HTML document in the <body> section.
STEP 2: Add this CSS code.


.trapezium{
border-width: 100px;
border-style: solid;
border-color: transparent transparent black transparent;
width: 200px;
 }
 

Output


The border-width: 100px; property gives width to the border, border-style: solid; makes the border surface area solid, and border-color: transparent transparent black transparent; make the top, left, right side border transparent and keep the bottom border black which creates a triangle. Then, the width: 200px; property extends it to make a trapezium or trapezoid.



Trending Posts

5 Awesome Computer Shortcut Key Tricks You Must Try

Image
  A computer is a cool machine. You can do lots of stuff on it. You can even become cooler after knowing these 5 Short Cut Key tricks given below. Minimize All Open Windows/Program At Once If you are in hurry and want to minimize all the open programs on your computer at once. Then, you should press the Win+D key from your keyboard. After this, all the open programs will minimize. You can maximize all the programs again by pressing the same key combination Win+D . Open Windows Settings Quickly There is also one shortcut key to open Windows OS Settings. If you press the Win+I key from your keyboard the Settings will open. Shut Down Your Computer Quickly Many people usually shut down their computer using a mouse. But, there is also a shortcut key to shut down the computer real quick. If you press the Alt+F4+Enter key your computer will shut down. Lock Your Computer If you press the Win+L key from your keyboard your computer will be locked. This shortcut key is one of the useful shortc
Read More

What Are The Use of Function Keys F1 to F12 on The Keyboard?

Image
On your Computer Keyboard or Laptop keyboard, you always see F1 to F12 Function Keys, right. But, have you ever wondered what are these keys(F1 to F12) and their uses are? What are Function Keys? Function Keys are the keys that are on the top of the keyboard from F1 to F12 for performing different functions that make the use of the computer ease. Like for example, Function Key can be used to Refresh/Reload webpage or computer, saving the file, closing the window, etc. To Use Function Key On Laptop, you should press function keys with the 'fn' key which is on the bottom of your keyboard. What are the Uses of F1 To F12 Function Key? F1 Key: The F1 key is used to open the Help Center of the Application. For example, if you press the F1 key while using Chrome Browser, Google Chrome Help Center will open. F2 Key: The F2 key is used to Rename the file or folder on the computer quickly. Usually, to rename a file/folder, you right-click on it and click on rename to change its name, rig
Read More

Is Web Development Dying In 2022?

Image
Web development is a work that involves the task to develop, create, edit a website. Web development has been popular since the birth of the Internet and it is never going away anytime soon. Is Web Development Dying In 2022? No, web development isn't dying in 2022 or anytime soon. In fact, the demand for web development and web developers is increasing day by day. Every company nowadays wants to build their business online and to do so these companies need web developers. Many new devices are coming into the market in different sizes and web developers are required to make the website responsive so that the website will look good on all different devices. Top companies in the world like Google, Microsoft, Facebook(Meta), Amazon, etc hire many web developers every year with high salary packages to maintain their business online. Web development is one of the fastest-growing jobs right now in the world. Unlike other jobs, no one can replace the web developer's job or it is not go
Read More

Why iPhones Don't Have Memory Card Slots?

Image
Do you know that iPhone user can't use the memory card to increase their smartphone storage? Apple iPhone doesn't have any microSD card slot to put the memory card. That means Apple doesn't want to allow its user to use a memory card in their iPhone. But, Why? Why Apple Doesn't Allow Its User to Use Memory Card on iPhone? Why iPhones Don't Have Memory Card Slots? There could be various reasons. But one of the main reasons is that the memory card actually slows the smartphone performance. You Can Also Read This Article Called Why You Should Not Use Memory Card On A Smartphone? to know why and how a memory card slows down your smartphone performance. Apple doesn't allow its user to use memory cards because Apple doesn't want to ruin its brand value because of a slow memory card. Memory cards actually have read/write speeds. Memory cards with low read/write speed are cheap, and the high read/write speed of memory cards is expensive. People mostly buy a cheap m
Read More

Why Do All Celebrities Use iPhones?

Image
As you know, most celebrities use an Apple iPhone. Why what things does iPhone have that have attracted the hand of most celebrities compares to other smartphones? Reminder, not all celebrities use iPhones. Some of them also use Android phones. But here, we are talking about most celebrities who use iPhones over other smartphones. Why Do Celebrities Use An iPhone? There might be various reasons for using an iPhone. Some of those reasons could be these four. The first two reasons might be more valid, and the third and fourth ones will be valid for some celebrities. They are: Celebrities have Money To Buy An iPhone iPhones are one of the most expensive smartphones. Most people don't have enough money to buy an Apple iPhone as celebrities do. Celebrities have money, and they buy it. Celebrities have to do Show Off By Using iPhone It might trigger most people. But don't get me wrong. Some celebrities do show off, and some don't. And there is nothing wrong with showing off the t
Read More

5 Tips To Become A Computer Genius | How To Become A Computer Genius?

Image
Being a computer genius or knowing how to use a computer is one of the great skills in today's world. If you want to become a computer genius or expert then here are 5 tips that will help to develop your computer skill or to become a computer genius/expert. To become a computer genius you should have to follow these tips. You have to spend your time learning and developing new computer-related skills. Learn Computer Basic To Become A Computer Genius In order to become a computer genius, you have to learn computer basics. If you are new to computers, then this is the most necessary step. You should know what is a computer? How does the computer work? What is the use of Keyboard, Mouse, Monitor, CPU? What is Software/Hardware? etc. To learn computer basics you can go search on YouTube and Google and learn it by watching videos and reading articles on different websites. There are lots of professionals who provide Computer Basic Courses on the Internet. You can Google all these kinds
Read More

12MP vs 48MP vs 64MP vs 108MP | Does More Megapixel Equal Better Image Quality?

Image
Right now, In a smartphone, you will get a 48MP Camera, 64MP Camera, 108MP Camera, and so on. But, Does this number of megapixels improve the image quality? What is a Megapixel? Megapixel means a million pixels in an image. Pixel is the small dot or square on the image. By combining millions of pixels, one image is formed. 1 Megapixel = 1 Million Pixel, 2 Megapixel = 2 Million Pixel, 12 Megapixel = 12 Million Pixel, 48 Megapixel = 48 Million Pixel, 64 Megapixel = 64 Million Pixel, and so on.   Does More Megapixel equal better image quality? No. A Megapixel is just a million pixels in an image. Many other factors also matter while capturing an image like Image Sensor, Aperture, Megapixel, Lens, and Software.    If you have a 108 Megapixel Camera with a small image sensor and a 12 Megapixel camera with a big image sensor. Then, The second one will have better quality. It's because, in a big image sensor, the pixel size is bigger. If the pixel size is bigger, it can capture more ligh
Read More

Can I Start Coding At The Age of 30, 40 or 50?

Image
Coding has become popular and changed our lives over the last 5 decades and more. Many people started learning to code and make millions. They learn to code at a very young age. But is it mandatory to learn to code at a young age? Can't anyone of any age learn to Code? Can you learn Coding at the Age of 30, 40, 50, or 60s? Yes definitely is that even a question. You are never late to start something or to do anything. If you want to learn to code or any other skill, start right now. Who is stopping you? Let me give you an example. There was a popular American business known as Colonel Sanders, founder of KFC. Do you know that Colonel Sanders was 65 years old when started KFC? Crazy, isn't it? If he can start a company at the age of 65 and make it a profitable business then what is stopping you. You can start to learn to code at any age. If you are in school, college, or an employee working in their 30s, 40s, 50s, businessman whatever you are of any age. You can learn to code. N
Read More

How To Take Screenshot On HP, Dell, Asus Laptop And PC?

Image
The screenshot feature helps us to capture our screen. If you use Windows Computer and don't know how to take a screenshot on Windows Computer, then here are 3 ways to take a screenshot. You can easily take screenshot on your HP, Dell, Asus Laptop and PC using these easy and simple 3 ways. 1.Use Win + PrintScreen Key To Take Screenshot on Laptop and PC You can take a screenshot on Windows Computer using a simple shortcut key which is "Win+PrintScreen". If you press the "Win+PrintScreen" key combination from your keyboard, the screenshot will be captured. The screenshot image will be saved in the Screenshot folder. To Open the screenshot folder, first open file explorer and then open the Pictures folder. Inside it, you will see a Screenshot folder.   2.Use the Snipping Tool To Take A Screenshot On Laptop And PC By using the in-built app of the Windows Operating system, you can capture your screen or you can take a screenshot using the app called Snippin
Read More

How To Make Your Computer Fast?

Image
If your computer is running slowly, it takes a lot of time to open an app, takes a lot of time to boot, etc. Then, You must follow the points mention below: 1.Disable Startup Application If some application starts running itself when you open the computer, then you should disable those startup apps. For that, You have to press Ctrl+Shift+Esc Key from Your Keyboard to open Task Manager. Then, Click On the Startup Option and disable those apps(Don't Disable Important System Apps).   2.Free Your 'Local Disk(C:)' Space If you have those files, folders, and applications that you don't use, then Delete or Uninstall them. Because your computer system becomes slow when the Hard-Disk is full. So, Always Try to Keep Your Hard-Disk Storage Free.     3.Uninstall Unnecessary Application You should delete those applications that you never use. Go to 'Control Panel' and then go to the 'Uninstall a Program' Option to delete those applications. 4.Delete Tem
Read More