HOME | PHP Tutorial | CSS
facebook icon
PHP Tutorial

PHP forms
HTML Tutorial

CSS Tutorial

HTML div style - div style class

<< Previous Page
HTML Text and Paragrafs
Next Page >>
HTML Colors

HTML Tutorial » HTML Style

Inserting a style for div style there are three ways:
External style sheet,
Internal style sheet,
Inline style,
For any <div> on your page, you can specify any CSS property as: color, font-style, font-family, font-size, background, etc.

Inline html div style

Here in example 1 we give css to div of height, width, background and color.

Example 1:
<div style="height:300px; width:450px; color:#000000; background:#CCC"> Add your text here</div>
Note: try to avoid inline-css, you have to make external HTML div style.

Internal and external style of html div

You can archieve same using Internal or External CSS
1. Internal style for html div.
<html >
div {
<div> Here your text</div>
</html >

2. External style for html div.
Example 3: named index.html and we add external file named style.css in Example 4.
<link rel="stylesheet" type="text/css" href="style.css">
Example 4 named style.css
color: #000000;

HTML div style class

The HTML div style class attribute is used to define equal styles for item with the same class name.
So, all HTML div style class item with the same attribute will have the same format and style.
Here we have three HTML <div> class elements that point to the same class name:
Example 5:
<!DOCTYPE html>
.town {
  background-color: #CCC;
  color: #000000;
  margin: 12px;
  padding: 15px;


<div class="town">
  <p>ROMA is the capital of Italy.</p>

<div class="town">
  <p>Madrid is the capital of Spain.</p>

<div class="town">
  <p>Seoul is not the capital of Japan.</p>

Note. Use External style sheet

<< Previous Page
HTML Text and Paragrafs
Next Page >>
HTML Colors

HTML div style, div style class HTML div style - div style class - html tutorial

2256. XHTML Tutorial - !DOCTYPE
We can now conclude that XHTML it

2663. Links : Introduction - HTML Tutorial
HTML links - HTML tutorial

2150. HTML Tutorial - Tables, Creating and using them
Simetrical and asimetrical tables, formating a table

2643. Frames : Scrollbars - HTML Tutorial
HTML frames - HTML tutorial

2674. Links : Link to Email - HTML Tutorial
HTML links - HTML tutorial

2124. HTML Tutorial - Elements: body, head, title
What are the elementes of a web page. and how can you create them

Your add here
PHP strlen() function

PHP htmlentities() function

PHP count() Function

PHP printf() function

PHP str_repeat() function

PHP substr() function

PHP strstr() function

PHP ucfirst() function

PHP strrchr() Function

PHP str_split() function

PHP isset() Function

PHP define() function

PHP lcfirst() function

PHP wordwrap() function

PHP strtolower() function

PHP similar_text() function

PHP Syntax
SQL COUNT(), AVG() and SUM() Functions
PHP switch Statement
SQL - Syntax
HTML Text Color
HTML button onclick - How to create a HTML button style onclick