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 can be used to create input text field in web page?
<form> <input> <div>
<input type="text" name="a_name" value="val" />
Which CSS property displays the text in a small-caps font?
display font-variant font-style
h3 {
  font-variant: small-caps;
}
What instruction displays a notice box with a message inside it, in JavaScript?
for() Date() alert()
var msg = "Visit CoursesWeb.net";
alert(msg);
Indicate the PHP code used to get the users IP.
$_SERVER["HTTP_USER_AGENT"] $_SERVER["REMOTE_ADDR"] $_GET[]
$ip = $_SERVER["REMOTE_ADDR"];
echo $ip;
TV-Screen shape with CSS

Last accessed pages

  1. Create simple Website with PHP (27023)
  2. JavaScript trim, rtrim and ltrim (6523)
  3. Node.js Move and Copy file (17027)
  4. Complex Shapes with a single DIV and CSS (2499)
  5. PHP Laravel Tutorials (1165)

Popular pages this month

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (2973)
  2. Contact page - CoursesWeb (2864)
  3. Tabs effect with CSS (2846)
  4. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (1039)
  5. PHP getElementById and getElementsByTagName (998)