html - 带有 CSS/HTML 的流程图

Question

score 2 · Accepted Answer

2

i made a quick fiddle of what you wand dude. http://jsfiddle.net/jalbertbowdenii/NY973/1/

于 2012-03-31T16:13:17.837 回答

score 1 · Accepted Answer

To make the Step x styled differently, you need to wrap it in a <span class="flowchartHeader">...</span> tag, then add this to your CSS:

.flowchartHeader {
    font-size: 1.2em;
    font-weight: bold;
}

As for rounding, add border-radius: 6px to .no1.

score 0 · Accepted Answer

Use this to generate the round corners css for you border-radius.com

.myClass{

-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;

}

score 0 · Accepted Answer

 .no1
    {
        width: 390px;
        border: 1px solid #444;
        margin: 0 auto;
        border-radius:5px;  //add this
    }

4 回答 4