Add dashed border to text div

In this example we add dashed border to the div tag using CSS attributes .

Code:

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

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

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

</style>
</head>

<body>
<div class="dashed">

<p >In this example we add dashed 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 dashed border to text div
Draw Dashed Oval in java -
Able to Copy Text from Uneditable Text Boxes(JTextfields) -
Border around JPG img -
Add solid Border to div -
Add dotted Border to div -
Java- Copy text area into disabled text area -
separate border collapse example -
set the size of border in pixels -
Set border bottom color -
Change the border style on mouse over -

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