0
我正在嘗試爲div創建一個活動狀態。我正在嘗試爲div創建一個活動狀態
得到懸停工作,但當我在頁面上的問題主動不會顯示。 我想要實現的是與懸停相同的樣式。
這是div的css。
#fp-design a { width: 240px; height: 47px; float: left; display: block; background:url(images/assets/break.jpg) no-repeat; background-position: top right; }
#fp-design a:hover { height: 44px; border-bottom: 3px solid #d3028e; text-decoration:none; }
#fp-design a:active { height: 44px; border-bottom: 3px solid #d3028e; text-decoration:none; }
#fp-design h2 { height: 20px; font-size: 16px; font-weight: bold; margin: 0; padding: 4px 0 0 12px; text-align: left; color: #FFF; text-decoration:none; }
#fp-design h3 { height: 11px; font-size: 10px; font-weight: bold; margin: 0; padding: 0 0 0 12px; text-align: left; color: #FFF; text-decoration:none; }
這裏的頁面代碼
<div id="fp-design">
<a href="<?php bloginfo('url'); ?>/web-design/"><h2>WEB DESIGN</h2>
<h3>PROFESSIONAL WEBSITE DESIGN</h3></a>
</div>
TIA