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
Click on the tag that creates a cell in table
<tr> <span> <td>
<table></tr>
  <td>Cell-1</td><td>Cell-2</td>
</tr></table>
Indicate the CSS property used to specify a background image for an element
background-color background-image color
h3 {
  background-image: url("image.jpg");
}
What instruction can be used to parse all the array items?
for() array() object()
var arr = [1, "ab", "CoursesWeb.net"];
for(var i=0; i< arr.length; i++) { alert(arr[i]); };
Indicate the PHP instruction used to traverse an associative array.
for() foreach() if()
$arr = array("k1"=>"v1", "k2"=>"v2", "k3"=>"v3");
foreach($arr AS $k => $v) { echo "<br/>". $k ." - ". $v; }
CSS Rhombus Shape

Last accessed pages

  1. The Fifth Agreement (966)
  2. Understanding OOP - Object Oriented Programming (421)
  3. Register and show online users and visitors (1627)
  4. Remove / Get duplicate array values - Reset array keys in PHP (965)
  5. Writing PHP scripts (1023)

Top accessed pages

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