텍스트 색상 배경 설정 등
본문
아래내용중 "개인블로그에 오신걸 환영합니다." 이부분에 글자배경색을 하얀색으로해서 불투명도를 38%정도 지정하고 글자색상을 검정색으로 하고 싶습니다. 이게 html css로 가능한가요????
부탁드립니다.
index.php
--------------------------------------------------------------------------
<!-- 홈 배너 -->
<section id="home" class="home_section">
<div class="background_bg"></div>
<div class="container">
<div class="home_content text-center">
<div class="blue_bg text-vertical-center">
<h3 class="title">개인블로그에 오신걸 환영합니다.</h3>
<p class="description">사진첩, 그림판, 윈도우 알아보기</p>
<h3 class="title"><?php echo get_text($config['cf_2']); ?></h3>
</div>
</div>
</div>
</section>
--------------------------------------------------------------------------------------------
default.css
--------------------------------------------------------------------------------------------
/* #home 배너 */
#home:after{display:block;clear:both;content:"";}
.home_section {height:100%;padding:150px 0 200px 0;overflow:hidden;}
.background_bg, .backstretch{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;background: url("../img/bg.jpg") center center no-repeat; background-image:100%; !important;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;}
.home_section .container {height: 100%;}
.home_content {position:relative;display:table;height:100%;width:100%;overflow: hidden;}
/* #home 배너 글자색*/
.title {font-size:33px;line-height:50px;color:#fcd002;font-weight:600;margin:20px 0}
.description {margin-bottom: 30px;font-size: 22px;line-height: 30px;color: #fff;}
.description_m {margin-bottom: 30px;font-size: 22px;line-height: 30px;color: #fff;}
--------------------------------------------------------------------------------------------
답변 1
.title css 속성에 추가하세요.
background:#FFF;
color:#000;
opacity:0.7;
감사합니다. 하나만 더 질문하겠습니다.
알려주신대로 적용하니 잘되긴 하는데 가로가 길게 흰색으로 지정되는데 글자부분만 배경색을 지정할수 있을까요? 한 행이 전체가 바탕색이 흰색으로 되네요~
<h3> 말고 <span> 으로 해보세요
