TV-Screen shape with CSS

TV-Screen shape created only with a DIV tag and CSS properties.
Code:

<style type="text/css">
#tvscreen {
 position: relative;
 width: 200px;
 height: 150px;
 margin: 20px 10px;
 background: #0809fe;
 border-radius: 50% / 10%;
 color: white;
 text-align: center;
 text-indent: .1em;
}
#tvscreen:before {
 content: "";
 position: absolute;
 top: 10%;
 bottom: 10%;
 right: -5%;
 left: -5%;
 background: inherit;
 border-radius: 5% / 50%;
}
</style>

<div id="tvscreen">CoursesWeb.net</div>

Demo:

CoursesWeb.net

<<-Diamond shape with CSS -- Clepsydra shape with CSS->>

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Which tag is used to add definition lists into a <dl> element?

<dl>
 <dt>HTML</dt>
  <dd> - Hyper Text Markup Language</dd>
  <dd> - Language for web pages</dd>
</dl>

Which CSS property can hide an element on page, letting an empty space in its place?

display position visibility

#id {
  visibility: hidden;
}

Click on the event which is triggered when the mouse clicks on an object.

onclick onmouseover onfocus

document.getElementById("id").onclick = function(){
  alert("http://CoursesWeb.net/");
}

Indicate the PHP variable that contains the contents of both $_GET, $_POST, and $_COOKIE arrays.

$_SESSION $_GET $_REQUEST

if(isset($_REQUEST["id"])) {
  echo $_REQUEST["id"];
}

Last accessed pages

Get CSS property value with getComputedStyle ot jQuery ⁽⁵⁵³³⁾
The Four Agreements ⁽¹⁶¹⁹⁾
PHP PDO - exec (INSERT, UPDATE, DELETE) MySQL ^(55417)
ActionScript 3 Lessons ⁽⁷²⁵²⁾
Get Lower, Higher, and Closest Number ⁽⁵³³¹⁾

Popular pages this month

Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS ⁽²⁵²⁾
Read Excel file data in PHP - PhpExcelReader ⁽⁹¹⁾
The Four Agreements ⁽⁷⁶⁾
PHP Unzipper - Extract Zip, Rar Archives ⁽⁷⁶⁾
The Mastery of Love ⁽⁶⁶⁾