Add dotted Border to div

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>
 

_________________
M. S. Rakha, Ph.D.
Queen's University
Canada

Author: DrRakha
Mastermind

Posts: 2715
Have thanks: 74 time

Page 1 of 1

[ 1 post ]

Related Posts to : Add dotted Border to div
Border around JPG img -
Add solid Border to div -
separate border collapse example -
set the size of border in pixels -
Add dashed border to text div -
Set border bottom color -
Table Border Colors for PHPBB3 -
Remove border of the linked image -
Add border around ordered list elements -
change border style to solid at div tag -

Topic Tags

HTML Div

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com