Rhombus shape with DIV tag and CSS properties. The Rhombus shape is created by borders.
<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;

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

Daily Test with Code Example

Click on the tag that creates an ordered list
<ul> <tr> <ol>
Which selector represents the ID of an element in CSS
.name #name name
#id {
  color: #0110fb;
What statement creates an object in JavaScript?
{} [] new Date()
var obj = {"site": "CoursesWeb.net", "pr": 5};
Indicate the instruction used to evaluate if a condiition is True or False
else if() switch()
$var = 8;
if($var == 8) echo $var;
CSS Rhombus Shape

Last accessed pages

  1. Penalty Fever (2)
  2. Add Text in Canvas from Input text field, as it is Typed (143)
  3. Zoo Amigos (37)
  4. this and target in JavaScript Events (35)
  5. Get Lower, Higher, and Closest Number (36)

Top accessed pages

  1. PHP-MySQL free course, online tutorials PHP MySQL code (1589)
  2. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (1551)
  3. PHP PDO - exec (INSERT, UPDATE, DELETE) MySQL (1521)
  4. Get Attribute (ID, Class, Name, Title, Src) with jQuery (1247)
  5. PHP Chat Script (1163)