블로그에 사용하고 싶은 Wordpress 테마를 편집하고 있습니다. 이 페이지 에서처럼 위젯의 제목을 강조하고 싶습니다 : http://nathanandaudrey.org/
전의. http://i.imgbox.com/dh0hApE4.jpg
나는 시도했다
.widget-title { background: #e1e1e1;}
그러나 그것은 전체 라인의 색상을 변경하고 텍스트 만 강조하고 싶습니다. CSS로 동일한 효과를 얻을 수 있는지 여부와 방법을 아는 사람이 있습니까? 미리 감사드립니다.
예제 html;
<aside id="recent-posts-2" class="widget widget_recent_entries">
<h3 class="widget-title">Recent Posts</h3>
<ul>
<li></li>
</ul>
</aside>
html을 제공하지 않았기 때문에 답변이 더 어려워 지므로 이것은 약간의 추측입니다. display: inline-block
제목 요소에 사용하십시오 .
.widget {
width: 400px;
height: 200px;
background-color: #666;
}
.widget h3 {
background-color: #e1e1e1;
padding: 5px;
margin-bottom: 5px;
display: inline-block;
}
<aside id="recent-posts-2" class="widget widget_recent_entries">
<h3 class="widget-title">Recent Posts</h3>
<ul>
<li>foo bar</li>
</ul>
</aside>
기본적으로 div 요소는 블록입니다. 즉 display: inline-block
, div 자체의 콘텐츠에 맞도록 변경 하면 컨테이너의 전체 너비에 걸쳐 있습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다