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 is used to include external CSS file in web page?
<body> <script> <link><link href="/templ/style.css" rel="stylesheet" type="text/css" />
Which CSS property sets the text size?
font-weight text-decoration font-sizeh2 {
font-size: 1em;
}Indicate the JavaScript property that can add HTML code into an element.
text value innerHTMLdocument.getElementById("someID").innerHTML = "HTML content";Click on the function that returns the number of characters of a string in PHP.
count() strlen() stristr()$str = "http://CoursesWeb.net/";
$nr_chr = strlen($str);
echo $nr_chr; // 22