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
What attribute makes a radio button or checkbox input selected?
checked="checked" selected="selected" disabled="disabled"
<input type="checkbox" name="a_name" value="value" checked="checked" />
What CSS value scales the background image to the largest size contained within the element?
repeat-x contain linear-gradient
#id {
  background:url("path_to_image.png");
  background-size:contain;
  background-repeat:no-repeat;
}
What operator is used to determine the rest of the division of two numbers?
% * /
var rest8_7 = 8 % 7;
alert(rest8_7);
Indicate the PHP function that rounds a number up to the next highest integer.
floor() ceil() abs()
$nr = ceil(3.5);
echo $nr;        // 4
CSS Rhombus Shape

Last accessed pages

  1. Get Attribute (ID, Class, Name, Title, Src) with jQuery (20613)
  2. JavaScript strip_tags and stripslashes (1154)
  3. Display data from PHP Array, or MySQL in HTML table (5867)
  4. PHP PDO - exec (INSERT, UPDATE, DELETE) MySQL (18034)
  5. PHP Simple HTML DOM Parser (3140)

Top accessed pages

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