코딩헤딩

원하는 결과물 : 사이드바에서 반투명의 배경색과 불투명 글씨 그리고 불투명한 사이드바 버튼. 1. opacity 적용 background-color: darkgreen; opacity: 0.3; 보통 요소를 반투명 또는 투명하게 만들기 위해서는 opacity 속성을 사용한다. 하지만 위의 그림과 같이 하위의 모든 요소들이 투명해져 버렸다. 2. rgba(#, #, #, 0.7) RGB값과 투명속성 이용 background-color: rgba(57, 114, 57, 0.7); rgba(57, 114, 57, 0.7) 57 : red / 114 : green / 57 : blue / 0.7 : 투명도 투명도는 0이 투명 1이 불투명으로 0부터 1사이의 값을 사용한다. * opacity와 동일 3. 자연스러..

구현된 모습 1. html 코드 menu1 text1 text1 text1 text1 menu2 text1 text1 text1 text1 menu3 text1 text1 text1 text1 menu4 text1 text1 text1 text1 2.css코드 주의할 점 text-decoration 은 none으로 주어야 a태그의 밑줄이 사라진다. list-style 은 none으로 주어야 ul,li 태그앞의 동그라미 기호가 사라진다. 하위 ul이 커서를 올리기 전까지 보이지 않게 하기 위해 ul의 display : none. 상위 ul 내부의 li 들이 가로로 보여져야 하기 때문에 li의 display : inline-block.

HTML 버튼