html - Two color border -


i know possible have effect of double border 1 below other possible using css have part of width of border 1 color , rest color?

here example of image recreate border using css only:

image

i think figured out 1 way it. check out http://jsfiddle.net/re4a7/

html

<ul> <li><h3>mission</h3> </li> </ul> 

css

ul h3 { font-size:1.2em; font-family:arial; border-bottom:1px solid #333; padding-bottom:10px; position:relative; width:250px; } ul li { list-style:none; } ul h3:after { border-bottom:1px solid #ff4800; bottom:-1px; left:0px; content:""; position:absolute; width:55px; } 

Comments

Popular posts from this blog

javascript - Count length of each class -

What design pattern is this code in Javascript? -

hadoop - Restrict secondarynamenode to be installed and run on any other node in the cluster -