<!DOCTYPE HTML>
<html>
<head>
<title>my homepage</title>
<style type="text/css">


#icon1.ui-icon{
background: url(./icon_botton.png) 0%-15% no-repeat;
background-size: 34px 34px;}


#icon2.ui-icon{
background: url(brain/images/icon_botton.png) 0%-15% no-repeat;
background-size: 34px 34px;}


#icon3.ui-icon{
background: url(brain/images/icon_botton.png) 0%-15% no-repeat;
background-size: 34px 34px;}


#icon4.ui-icon{
background: url(brain/images/icon_botton.png) 0%-15% no-repeat;
background-size: 34px 34px;}


</style>
</head>

<body>
<ul>

<li><a href="#"id="icon1" data-icon="custom">Button1</a></li>
<li><a href="#"id="icon2" data-icon="custom">Button2</a></li>
<li><a href="#"id="icon3" data-icon="custom">Button3</a></li>
<li><a href="#"id="icon4" data-icon="custom">Button4</a></li>
</ul>
</body>
</html>


커스텀 아이콘 쓰는데 실행해보면 아이콘 이미지가 안뜬다

html문서랑 같은 폴더에 icon_button.png 파일 있거든 그럼 그냥 url(icon_button.png) 이렇게 쓰면 되는거 아니냐 어디가 잘못됐나 ㅜㅜ