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
CSS Rhombus Shape

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which attribute is used in <img> tag for the address of the image?
href src rel
<img src="http://coursesweb.net/imgs/webcourses.gif" width="191" height="63" alt="Courses-Web" />
Which CSS code hides the element on page?
display: none; display: inline; position: relative;
#id {
  display: none;
}
What instruction stops the execution of a while() or for() statement?
continue prompt() break
for(var i = 0; i< 8; i++) {
  if(i > 1) break;
  alert(i);
}
Indicate the function that can create a constant.
define() include() defined()
define("CONSTANT_NAME", "value");
echo CONSTANT_NAME;

Last accessed pages

  1. Add, Change, and Remove Attributes with jQuery (18988)
  2. Snail Bob 7 Fantasy Story (32)
  3. CSS3 - new Background properties (606)
  4. Rotate HTML objects, Div, Span, images with jQuery (3827)
  5. PHP PDO - exec (INSERT, UPDATE, DELETE) MySQL (23398)

Top accessed pages

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