{"id":173,"date":"2009-01-26T17:27:11","date_gmt":"2009-01-26T17:27:11","guid":{"rendered":""},"modified":"2009-01-26T17:27:11","modified_gmt":"2009-01-26T17:27:11","slug":"173","status":"publish","type":"post","link":"https:\/\/www.poloo.org\/?p=173","title":{"rendered":"(CSS) \u7b80\u5355\u7684\u8fdb\u5ea6\u6761"},"content":{"rendered":"



<style>
#graphbox{
border:1px solid #e7e7e7;
padding:10px;
width:250px;
background-color:#f8f8f8;
margin:5px 0;
}
#graphbox h2{
color:#666666;
font-family:Arial;
font-size:18px;
font-weight:700;
}
.graph{
position:relative;
background-color:#F0EFEF;
border:1px solid #cccccc;
padding:2px;
font-size:13px;
font-weight:700;
}
.graph .orange, .green, .blue, .red, .black{
position:relative;
text-align:left;
color:#ffffff;
height:18px;
line-height:18px;
font-family:Arial;
display:block;
}
.graph .orange{background-color:#ff6600;}
.graph .green{background-color:#66CC33;}
.graph .blue{background-color:#3399CC;}
.graph .red{background-color:red;}
.graph .black{background-color:#555;}
<\/style> <\/p>\n

HTML:
<div id=\u201dgraphbox\u201d>
<h2>BarGraphs Example<\/h2>
<div class=\u201dgraph\u201d><span class=\u201dorange\u201d style=\u201dwidth:35%;\u201d>orange:35%<\/span><\/div>
<div class=\u201dgraph\u201d><span class=\u201dgreen\u201d style=\u201dwidth:90%;\u201d>green:90%<\/span><\/div>
<div class=\u201dgraph\u201d><span class=\u201dblue\u201d style=\u201dwidth:75%;\u201d>blue:75%<\/span><\/div>
<div class=\u201dgraph\u201d><span class=\u201dred\u201d style=\u201dwidth:85%;\u201d>red:85%<\/span><\/div>
<div class=\u201dgraph\u201d><span class=\u201dblack\u201d style=\u201dwidth:100%;\u201d>black:100%<\/span><\/div>
<\/div>
<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"

<style>#graphbox{border:1px ...<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-173","post","type-post","status-publish","format-standard","hentry","category-Dream"],"_links":{"self":[{"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/posts\/173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.poloo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=173"}],"version-history":[{"count":0,"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/posts\/173\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.poloo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.poloo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.poloo.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}