Thursday, January 16, 2014

CSS Image Styling

Thursday, January 16, 2014    No comments

CSS Image Styling



<html>
<head>
<title>CSS Image Styling</title>

<style type="text/css">
img{
width : 300px;
height : 300px;
border : 5px dashed pink;
border-radius : 100px;
}
img : hover {
width : 200px;
height : 200px;
border : 5px solid green;
}
</style>

</head>
<body>
<img src="image name.extension">
</body>
</html>

Monday, January 13, 2014

CSS Font Properties

Monday, January 13, 2014    No comments

CSS Font Properties

It's just example. You can change color,size,writing style as you want.



<html>
<head><title>CSS Font Properties</title>

<style type="text/css">
p{
font-size : 50px;
color : blue;
font-family : Comic Sans MS;          (choose any name from MS word)
font-style : italic or bold;
}
</style>

</head>
<body>

<p>CSS Font Properties</p>
</body>
</html>

Sunday, January 12, 2014

CSS Text Properties

Sunday, January 12, 2014    No comments

CSS Text Properties:-

 

1) Color : red etc;
2) direction : right or left or center;
3) letter-spacing : 5px;
4) linr-height : 20px;
5) text-decoration : underline or overline or line-through;
6) text-indent : 20px;
7) text-shadow: 5px 5px 5px green;
8) text-transform : capitalize or uppercase or lowercase;
9) word-spacing : 20px

Link CSS file in HTML

   No comments

Link CSS file in HTML

before </head> write this code

<link rel="stylesheet" href="yourfilename.css">

How To Use CSS in line

<body>
<p style="color : blue; font-size : 3em;">Use CSS In Line</p> 

Subscribe to: Posts (Atom)