Rhombus shape with DIV tag and CSS properties. The Rhombus shape is created by borders.
Code:
<style type="text/css">
#rhombus {
 position: relative;
 top: -60px;
 width: 0;
 height: 0;
 border: 60px solid transparent;
 border-bottom: 75px solid #05ed08;
}

/* Bottom area */
#rhombus:after {
 position: absolute;
 left: -60px;
 top: 75px;
 width: 0;
 height: 0;
 border: 60px solid transparent;
 border-top: 75px solid #05ed08;
 content: '';
}

/* Content in rhombus */
#rhombus div {
 position: relative;
 margin: 63px auto 0 -41px;
 font-weight: bold;
 z-index: 888;
}
</style>

<div id="rhombus"><div>CoursesWeb</div></div>
Demo:
CoursesWeb

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag is a block element?
<div> <img> <span>
<div>Web Programming and Development</div>
Which CSS code displays the text underlined?
font-style: italic; text-decoration: underline; font-weight: 500;
h2 {
  text-decoration: underline;
}
Click on the JavaScript function that can access other function after a specified time.
insertBefore() setTimeout() querySelector()
function someFunction() { alert("CoursesWeb.net"); }
setTimeout("someFunction()", 2000);
Click on the instruction that returns the number of items of a multidimensional array in PHP.
count($array) count($array, 1) strlen()
$food = array("fruits" => array("banana", "apple"), "veggie" => array("collard", "pea"));
$nr_food = count($food, 1);
echo $nr_food;       // 6
CSS Rhombus Shape

Last accessed pages

  1. JavaScript code and PHP (9465)
  2. Rocket Car (21)
  3. PHP PDO - prepare and execute (2690)
  4. Building and editing HTML webpage (858)
  5. Basic HTML elements (2094)

Top accessed pages

  1. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (29421)
  2. PHP-MySQL free course, online tutorials PHP MySQL code (24327)
  3. Get Attribute (ID, Class, Name, Title, Src) with jQuery (23516)
  4. Read Excel file data in PHP - PhpExcelReader (21789)
  5. PHP PDO - exec (INSERT, UPDATE, DELETE) MySQL (20470)