<p class="sycode"> <html xmlns="http://www.w3.org/1999/xhtml"> <br> <br> <title>CSS3 实现RSS图标</title> <br> <style type='text/css'> <br>body{<br>padding:50px 0 0 0 <br> } <br>span.feed-box{ <br>display:block; <br>幅:100ピクセル; <br>高さ:100ピクセル; <br> マージン:0 自動; <br>背景:#F9A004; <br>ボックスシャドウ: <br> 1px 1px 0 #C27C03、<br> 2px 2px 0 #C27C03、<br> 3px 3px 0 #C27C03; <br> -moz-box-shadow: <br> 1px 1px 0 #C27C03、<br> 2px 2px 0 #C27C03、<br> 3px 3px 0 #C27C03; <br> -webkit-box-shadow: <br> 1px 1px 0 #C27C03、<br> 2px 2px 0 #C27C03、<br> 3px 3px 0 #C27C03; <br> -moz-border-radius:10px; <br> -webkit-border-radius:10px; <br> border-radius:10px <br> } <br>span.feed-box *{ <br> float:right; <br>display:block <br> } <br>span.feed-box .feed-box-in{ <br> border:2px Solid #FFC563; <br>幅:92ピクセル; <br>高さ:92ピクセル; <br> マージン:2px 2px 0 0; <br> -moz-border-radius:10px; <br> -webkit-border-radius:10px; <br> ボーダー半径:10px; <br>overflow:hidden <br> } <br>span.feed-box .feed-box-in .feed-quarter-circle-big{ <br> margin:8px 8px 0 0; <br>幅:130ピクセル; <br>高さ:130ピクセル; <br> ボーダー:13px ソリッド #FFDEA5; <br> border-radius:50% <br> } <br>span.feed-box .feed-box-in .feed-quarter-circle-big .feed-quart-circle-small{ <br> margin:9px 9px 0 0; <br>幅:88ピクセル; <br>高さ:88ピクセル; <br> ボーダー:12px ソリッド #FFDEA5; <br> border-radius:50% <br> } <br>span.feed-box .feed-box-in .feed-quarter-circle-big .feed-quart-circle-small .feed-circle{ <br> margin:13px 13px 0 0; <br>背景:#FFDEA5; <br>幅:35ピクセル; <br>高さ:35ピクセル; <br>ボーダー半径:50% <br> } <br>span.feed-box:hover{ <br>background:#07C103; <br>ボックスシャドウ: <br> 1px 1px 0 #058E02、<br> 2px 2px 0 #058E02、<br> 3px 3px 0 #058E02; <br> -moz-box-shadow: <br> 1px 1px 0 #058E02、<br> 2px 2px 0 #058E02、<br> 3px 3px 0 #058E02; <br> -webkit-box-shadow: <br> 1px 1px 0 #058E02, <br> 2px 2px 0 #058E02, <br> 3px 3px 0 #058E02 <br> } <br> scan.feed-box:hover .feed-box-in{ <br> border-color: #58FC55 <br> } <br>span.feed-box:hover .feed-box-in .feed-quart-circle-big、<br>span.feed-box:hover .feed-box-in .feed-quart-circle-big 。 feed-quater-circle-small{ <br> border-color:#B9FFB7 <br> } <br>span.feed-box:hover .feed-box-in .feed-quater-circle-big .feed-quater-circle-small .feed-サークル{ <br> 背景:#B9FFB7 <br> } <br> </style> <br> </head> <br> <br> <span class='feed-box'> <br> <span class='feed-box-in'> <br> <span class='feed-quater-circle-big'> <br> <span class='feed-quater-circle-small'> <br> <span class='feed-circle'> </span><!-- #circle --> <br> </span><!-- #feed-quater-circle-small --> <br> </span><!-- #feed-quater-circle-big --> <br> </span><!-- #feed-box-in --> <br> </span><!-- #feed-box --> <br> <div><A href="http://www.999jiijiu.com/"> http://www.999jiujiu.com/</A></div> <br> </body> <br> </html> </p>
