Add dotted Border to div

Page 1 of 1

[ 1 post ]

Author

Code Snippet

msi_333

Code subject: Add dotted Border to div

Posted: Thu Feb 23, 2012 12:18 am

Joined: Tue Mar 27, 2007 10:55 pm
Posts: 2279
Location: Earth
Has thanked: 39 time
Have thanks: 61 time

In this example we add dotted border to the text div .

Code:

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
  <title>Add dotted Border to div</title>
  <style rel="stylesheet" type="text/css">

div.dotted {
  border-style: dotted;
  border-color: #325432;
  border-width: 1px;
  width:200px;
}

</style>
</head>

<body>
<div class="dotted">

<p >In this example we add dotted border to 
the div part.</p>
</div>
</body>
</html>
 

_________________
Currenlty programming with : java , html , php , and javascript . (OCJP-6 certified )

Page 1 of 1

[ 1 post ]

Similar topics
Change the border style on mouse over
Add dashed border to text div
Add solid Border to div
Add border around ordered list elements
Remove border of the linked image
Change the border color of image and its link
removing focus border from a HTML element
change border style to solid at div tag
separate border collapse example
set the size of border in pixels

Codemiles.com » General Topics Forums » Code library » HTML codes » HTML examples

All times are UTC [ DST ]

Users browsing similar codes

Users browsing this forum: No registered users and 1 guest

Jump to:

Previous Code Snippet | Next Code Snippet