Circle and Oval shapes created with a single HTML DIV tag and a few CSS properties.
Circle
<style type="text/css">
#circle {
width: 180px;
height: 180px;
background: #abcdef;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
padding:15px;
}
</style>
<div id="circle"><br/><br/>Web Programming Courses:<br/>CoursesWeb.net</div>
Demo:
Web Programming Courses:
CoursesWeb.net
Oval shape
- Radius must be half of length and width, to which is added the padding value (in this example: (240 / 2) + 15 = 135, and (120 / 2) + 15 = 75).
<style type="text/css">
#oval {
width: 240px;
height: 120px;
background: #89f899;
-moz-border-radius: 135px / 75px;
-webkit-border-radius: 135px / 75px;
border-radius: 135px / 75px;padding:15px;
}
</style>
<div id="oval"><br/>Courses for Web Development:<br/>https://CoursesWeb.net</div>
Demo:
Courses for Web Development:
https://CoursesWeb.net
Daily Test with Code Example
HTML
CSS
JavaScript
PHP-MySQL
Which tag is used to add definition lists into a <dl> element?
<dt> <dd> <li><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 $_REQUESTif(isset($_REQUEST["id"])) {
echo $_REQUEST["id"];
}