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

Which attribute specifies the HTTP method (GET, POST) used to submit the form-data?
action method value
<form action="script.php" method="post"> ... </form>
Which CSS property allows to add shadow to boxes?
background-image box-shadow border-radius
#id {
  background-color: #bbfeda;
  box-shadow: 11px 11px 5px #7878da;
Which function removes the first element from an array?
pop() push() shift()
var fruits = ["apple", "apricot", "banana"];
alert(fruits.length);           // 2
Indicate the function that can be used to check if a PHP extension is instaled.
function() filetype() extension_loaded()
if(extension_loaded("PDO") === true) echo "PDO is available."
CSS Rhombus Shape

Last accessed pages

  1. PHP Chat Script (6495)
  2. Fotorama Image Gallery (390)
  3. Add and Remove HTML elements and Content with jQuery (4449)
  4. JQZoom Image Magnifier (1462)
  5. Writing PHP scripts (1399)

Top accessed pages

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