set text colour
set text colour
<html> <head>
<style type="text/css"> h1 {color: blue} h2 {color: #99FF66} h3 {color: rgb(255
Bookmark It
|
|||||
|
text spacing text spacing <html> <head> </head> <body> <style type="text/css"> h1 {letter-spacing: 10px} </style> </head> <body> <h1>wide spacing</h1> </body> </html> Bookmark It text alignment text alignment <html> <head> <title>Untitled Document</title> <style type="text/css"> h1 {text-align: center} h2 {text-align: left} h3 {text-align: right} </style> </head> <body> <h1>example 1</h1> <h2>example 2</h2> <h3>example 3</h3> </body> </html> Bookmark It set the background colour set background colour <html> <head> <style type="text/css"> body {background-color: yellow} h1 {background-color: #00ffff} p {background-color: rgb(250 Bookmark It set a background image set a background image body { background-image:url(sample.jpg) } hhdh Bookmark It remove line from underneath hyperlinks remove line from hyperlinks <html> <head> <style type="text/css"> a {text-decoration: none} </style> </head> <body> <p> <a href="http://www.programmershelp.co.uk">programmershelp</a> </p> </body> </html> Bookmark It uppercase letters uppercase letters <html> <head> <style type="text/css"> p.uppercase {text-transform: uppercase} </style> </head> <body> <p class="uppercase"> uppercase letters </p> </body> </html> Bookmark It lowercase text lowercase text <html> <head> <style type="text/css"> p.lowercase {text-transform: lowercase} </style> </head> <body> <p class="lowercase"> LOWERCASE LETTERS </p> </body> </html> Bookmark It capitalize letters capitalize letters <html> <head> <style type="text/css"> p.capitalize {text-transform: capitalize} </style> </head> <body> <p class="capitalize"> capitalized letters in a sentence </p> </body> </html> Bookmark It border styles border styles <html> <head> <style type="text/css"> p.dotted {border-style: dotted} p.dashed {border-style: dashed} p.solid {border-style: solid} p.double {border-style: double} p.groove {border-style: groove} p.ridge {border-style: ridge} p.inset {border-style: inset} p.outset {border-style: outset} </style> </head> <body> <p class="dotted"> dotted border</p> <p class="dashed"> dashed border</p> <p class="solid"> solid border</p> <p class="double"> double border</p> <p class="groove"> groove border</p> <p class="ridge"> ridge border</p> [...] |
  |
||||
|
Copyright © 2010 Programmingsite : source code - All Rights Reserved |
|||||
