Css Course

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 HTML5 tag is indicated to be used as container for menu with navigation links in Web site?
<section> <nav> <article>
<nav><ul>
 <li><a href="http://coursesweb.net/css/" title="CSS Course">CSS Course</a></li>
 <li><a href="http://www.marplo.net/jocuri/" title="Flash Games">Flash Games</a></li>
</ul></nav>
Which CSS property shifts an item horizontally to the left or right of where it was?
text-align clear float
.some_class {
  width: 30%;
  float: left;
}
Click on the Math object method which returns x, rounded downwards to the nearest integer.
Math.ceil(x) Math.abs(x) Math.floor(x)
var num = 12.34567;
num = Math.floor(num);
alert(num);       // 12
Indicate the PHP function which returns the number of characters in string.
mb_strlen() count() stristr()
$str = "string with utf-8 chars åèö";
$nrchr = mb_strlen($str);
echo $nrchr;        // 30
CSS Trapezoid Shape

Last accessed pages

  1. Convert XML to JSON in PHP (10249)
  2. Simple Admin Login PHP Script (8219)
  3. Follow the mouse cursor with a DIV inside a Parent (5746)
  4. ActionScript 3 - Change MovieClip Color (7703)
  5. Voting Poll System script PHP-AJAX (7444)

Popular pages this month

  1. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (530)
  2. PHP Unzipper - Extract Zip, Rar Archives (427)
  3. SHA256 Encrypt hash in JavaScript (411)
  4. Read Excel file data in PHP - PhpExcelReader (367)
  5. Create simple Website with PHP (339)