Trapezoid shape with a DIV tag and CSS properties. The trapezoid shape is created by borders.
Code:
<style type="text/css">
#trapezoid {
 height: 0;
 width: 120px;
 border-bottom: 80px solid #05ed08;
 border-left: 45px solid transparent;
 border-right: 45px solid transparent;
 padding: 0 8px 0 0;
}
</style>

<div id="trapezoid"><br/>CSS Course:<br/>
CoursesWeb.net</div>
Demo:

CSS Course:
CoursesWeb.net

Rectangular Trapezoid

Code:
<style type="text/css">
#rtrapezoid {
 height: 0;
 width: 120px;
 border-bottom: 100px solid #05ed08;
 border-left: 15px solid #05ed08;
 border-right: 45px solid transparent;
 padding-right: 20px;
}
</style>

<div id="rtrapezoid"><br/>CSS Course:<br/>
CoursesWeb.net</div>
Demo:

CSS Course:
CoursesWeb.net

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag create a highlighted bolded text?
<q> <strong> <em>
<p>Address: <strong>http://CoursesWeb.net/</strong> - Tutorials.</p>
Which of these CSS codes displays the text bolded?
text-size: 18px; font-style: italic; font-weight: 800;
#id {
  font-weight: 800;
}
What JavaScript function can be used to call another function multiple times, to a specified time interval?
setInterval() setTimeout() push()
function someFunction() { alert("CoursesWeb.net"); }
setInterval("someFunction()", 2000);
Click on the correctly defined variable in PHP.
var vname = 8; $vname = 8; $vname == 8;
$vname = 8;
echo $vname;
CSS Trapezoid Shape

Last accessed pages

  1. CSS Course - Free lessons (8665)
  2. JavaScript Trivia Game (5661)
  3. Insert, Select and Update NULL value in MySQL (27473)
  4. Recursive function to create Multi-Level Menu in PHP (7048)
  5. Register and show online users and visitors (24028)

Popular pages this month

  1. Read Excel file data in PHP - PhpExcelReader (575)
  2. PhpSpreadsheet - Read, Write Excel and LibreOffice Calc files (498)
  3. Register and show online users and visitors (415)
  4. Get Attribute (ID, Class, Name, Title, Src) with jQuery (402)
  5. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (375)