dreamweaver 框線

 

--------------style -------------

<style type="text/css">

div {

width: 80%;

line-height: 80px;

text-align: center;

margin: 50px auto;

font-size: 3em;

font-family: century gothic;

border-width: 5px;

border-color: #365F96;

background-color: #eee;

}

div.solid {

border-style: solid;

}

div.dashed {

border-style: dashed;

}

div.dotted {

border-style: dotted;

}

div.double {

border-style: double;

}

div.outset {

border-style: outset;

}

div.inset {

border-style: inset;

}

div.groove {

border-style: groove;

}

div.ridge {

border-style: ridge;

}

</style>

-----------------HTML------------------

<div class="solid">solid</div>

<div class="dashed">dashed</div>

<div class="dotted">dotted</div>

<div class="double">double</div>

<div class="outset">outset</div>

<div class="inset">inset</div>

<div class="groove">groove</div>

<div class="ridge">ridge</div>