Notice
Recent Posts
Recent Comments
Link
이야기앱 세상
CSS 글자색은 선명하고 배경색은 투명하게 처리하기 본문
글자색은 선명하고 배경색은 투명하게 처리하기
배경색은 투명하게 처리하려고 배경색에 opacity 속성을 사용하면 글자색도 투명도가 적용되어 흐려지는 현상이 일어난다. 이럴 경우 rgba를 이용해서 배경색에 투명도를 지정하면 글자색은 선명하고 배경색을 투명하게 처리할 수 있다.
<style type="text/css">
div {
padding:60px;
background-image: url(rue.jpg);
}
p {
text-align:center;
padding:60px;
background-color: rgba(255,255,255,0.3);
font-size: 50px;
font-weight: bold;
}
</style>
<body>
<div>
<p>가을</p>
</div>
</body>
반응형
'IT > CSS' 카테고리의 다른 글
| CSS border-radius를 이용해서 사각형 형태의 사진을 원형 사진으로 만들기 (0) | 2018.12.17 |
|---|---|
| 줄바꿈 처리 CSS 속성 word-wrap, word-break (0) | 2018.12.16 |
| CSS table에서 첫번째 tr 고정 나머지 tr 스크롤 처리하기 (0) | 2018.12.16 |
| CSS div 태그에서 수직으로 정렬하기 (0) | 2018.12.15 |
| CSS 목록 스타일 이미지 처리 및 위치 이동하기 (0) | 2018.12.14 |
'IT/CSS' Related Articles
more
Comments