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 <<-- Previous ----- Next -->> Clepsydra shape with CSS

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Which tag is used in <table> to create table header cell?

<table><tr>
  <th>Title 1</th>
  <th>Title 2</th>
</tr></table>

Which CSS property sets the distance between lines?

line-height word-spacing margin

.some_class {
  line-height: 150%;
}

Which function opens a new browser window.

alert() confirm() open()

document.getElementById("id_button").onclick = function(){
  window.open("http://coursesweb.net/");
}

Indicate the PHP function that returns an array with names of the files and folders inside a directory.

mkdir() scandir() readdir()

$ar_dir = scandir("dir_name");
var_export($ar_dir);

Last accessed pages

Mahjong Gardens ⁽⁴⁸⁴⁶⁾
Bubble Hit ⁽¹⁵²³⁾
Dog Mahjong ⁽⁴¹¹⁶⁾
Introduction to Adobe Flash ⁽¹⁷³⁷⁾
Mahjongg Alchemy ⁽⁶⁵⁶⁵⁾

Popular pages this month

Bubbles3 ⁽³⁷⁰²⁾
Butterfly Kyodai ⁽²⁸⁰⁴⁾
Zuma Deluxe ⁽²³⁷⁵⁾
Backgammon ⁽¹⁴²⁵⁾
Qwop ⁽¹³⁷³⁾