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 adds a new line into a paragraph?
<b> <br> <p>
First line ...<br>
Other line...
Which CSS property can be used to add space between letters?
text-size word-spacing letter-spacing
#id {
  letter-spacing: 2px;
}
What JavaScript function can be used to get access to HTML element with a specified ID?
getElementById() getElementsByTagName() createElement()
var elm = document.getElementById("theID");
var content = elm.innerHTML;
alert(content);
Click on the "echo" correct instruction.
echo "CoursesWeb.net" echo "CoursesWeb.net"; echo ""CoursesWeb.net";
echo "Address URL: http://CoursesWeb.net";
TV-Screen shape with CSS

Last accessed pages

  1. Simple Admin Login PHP Script (4741)
  2. Contact page - CoursesWeb (36662)
  3. Tabs effect with CSS (37303)
  4. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (44267)
  5. Ajax-PHP Chat Script (42400)

Popular pages this month

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