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

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag is used to include external CSS file in web page?
<body> <script> <link>
<link href="/templ/style.css" rel="stylesheet" type="text/css" />
Which CSS property sets the text size?
font-weight text-decoration font-size
h2 {
  font-size: 1em;
}
Indicate the JavaScript property that can add HTML code into an element.
text value innerHTML
document.getElementById("someID").innerHTML = "HTML content";
Click on the function that returns the number of characters of a string in PHP.
count() strlen() stristr()
$str = "http://CoursesWeb.net/";
$nr_chr = strlen($str);
echo $nr_chr;       // 22
TV-Screen shape with CSS

Last accessed pages

  1. PHP PDO - exec (INSERT, UPDATE, DELETE) MySQL (40961)
  2. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (69097)
  3. Get Time Elapsed (971)
  4. PHP Code Snippets (4384)
  5. jQuery background position (2940)

Popular pages this month

  1. Flash Games - Free online Games (2254)
  2. Qwop (1667)
  3. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (1498)
  4. Tunnel Rush (1348)
  5. Drag Racer V3 (1092)