Mozilla 한국 커뮤니티

아래와 같은 코드를 이용해 둥근 이미지 배경을 만들고자 합니다.

// css
orderListNotice {
    background: url("bgleft.gif") no-repeat top left;
}
orderListNoticeList {
    background: url("bgright.gif") no-repeat top right;
}

// html
<div>
		<ul id="orderListNoticeList">
			<li>공지사항1</li>
			<li>공지사항2</li>
			<li>공지사항3</li>
			<li>공지사항4</li>
		</ul>
	</div>

html inline style일때는 잘 적용이 되는데 저렇게 css 선언쪽으로 옮겨 놓으면 적용이 안됩니다. 뭐가 잘못된것인지 잘 모르겠습니다.

Code: Select all

// css
orderListNotice {
    background: url("bgleft.gif") no-repeat top left;
}
orderListNoticeList {
    background: url("bgright.gif") no-repeat top right;
}

// html
<div>
		<ul id="orderListNoticeList">
			<li>공지사항1</li>
			<li>공지사항2</li>
			<li>공지사항3</li>
			<li>공지사항4</li>
		</ul>
	</div>

id와 스타일시트 설정을 연결하려면 id-name에 #이 붙죠.
class와 스타일시트 설정을 연결하려면 class-name에 .가 붙죠.

위의 소스라면 스타일시트에 #orderlistNoticeList라고 하셨는지요. 위 내용에는 없는 것으로 봐서는....

그리고 스타일시트의 id/class명은 대소문자를 구분하지 않지만, 가능한 소문자로 쓰는 게 좋다고 하내요.

답변감사합니다.

질문을 급히 올리느라 #을 빼먹고 올렸군요.

#은 달았습니다..근데 이렇게 나오니 답답하기만 합니다.
다른 속성들은 적용이 되는데 이미지만 나타나지 않습니다.

Mozilla 한국 커뮤니티

div와 ul 에 background-imag

div와 ul 에 background-imag

Re: div와 ul 에 background-

Re: div와 ul 에 background-