1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <!DOCTYPE HTML> <html lang="ko"> <head> <meta charset="UTF-8"> <style type="text/css"> #wrapper { background: green; width:500px; height:500px; } /*border를 영역만 남기고 숨기고 싶을때..*/ #box { /* border : 10px solid transparent; */ /*완전히 투명하게*/ border: 10px solid rgba(255, 0, 0, .5); /*.5는 alpha 투명값이다.*/ height: 100px; width:100px; } </style> </head> <body> <div id="wrapper"> <div id="box"></div> </div> </body> </html> |
반응형
'CSS' 카테고리의 다른 글
[CSS] keyframe animation - 연속으로 이미지 바뀌는 애니메이션 효과 (5) | 2015.04.06 |
---|---|
[CSS] Font Awesome - 벡터 폰트 아이콘 (0) | 2015.04.06 |
[CSS][jQuery] :target - a태그 내부링크 타겟 요소에 css적용 (0) | 2015.02.09 |
[CSS] table-cell div 수직 수평 정렬 (0) | 2015.01.28 |
[CSS] user-select:none 텍스트 드레그 막기 (0) | 2015.01.23 |