CSS Margins
CSS Margins
The CSS margin properties are utilized to make space around elements, outside of any characterized borders.
With CSS, you have full control over the margins. There are properties for setting the margin for each side of a component (top, right, base, and left).
Margin - Individual Sides
CSS has properties for specifying the margin for each
side of an element:
margin-top
margin-right
margin-bottom
margin-left
Example
p {
margin-top: 100px;
margin-bottom: 100px;
margin-right:...
Saturday, 20 January 2018
CSS Borders
CSS Borders
Border Style
The border-style property specifies what kind of border to display.
The following values are allowed:
dotted - Defines a dotted border
dashed - Defines a dashed border
solid - Defines a solid border
double - Defines a double border
groove - Defines a 3D grooved border. The effect depends on the border-color value
ridge - Defines a 3D ridged border. The effect depends on the border-color value
inset - Defines a 3D inset border. The effect depends on the border-color value
outset - Defines a 3D outset...
CSS Backgrounds
CSS Backgrounds
The CSS background properties are used to define the background effects
for elements.
CSS background properties:
background-color
background-image
background-repeat
background-attachment
background-position
Background Color
The background-color property specifies the background color of an element.
The background color of a page is set like this:
Example
body { background-color: blue;}
Yourself Try
With CSS, a color is most often specified by:
a valid color name - like "red"
a HEX...
CSS Colors
CSS Colors
Color Names
HTML, a color can be specified by using a color name:
Tomato
Orange
DodgerBlue
MediumSeaGreen
Gray
SlateBlue
Violet
LightGray
Yourself Try
Background Color
You can set the background color for HTML elements:
Example
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem
ipsum...</p>
Yourself Try
Text Color
You can set the color of text:
Hello World
Lorem ipsum dolor sit amet,...
