본문 바로가기
IT-개발,DB

[javascript/자바스크립트] 박스안 리스트설정

by SB리치퍼슨 2016. 2. 25.



박스안 리스트설정

- list-style-position : 글머리의 위치를 지정합니다.
-- outside : 외곽선 바깥쪽에 글머리를 배치합니다.
-- inside : 외곽선 안쪽에 글머리를 배치합니다.
- list-style-image : 항목 앞에 이미지를 넣습니다.
-- url() : 해당이미지의 url을 넣습니다.
-- none : 이미지를 표시하지 않습니다.





----------------------------------------------------------------------------------------



<html>
<head>
<style type="text/css">
<!--



ul#dot_border {
background-color : wihite;
margin : 10px;
border : 3px #40b0e0 dotted;
padding : 10px;
width : 130px;
}



ul {
list-style-position : inside;
list-style-image : url("http://cafefiles.naver.net/data15/2006/4/25/151/ico_star.gif");
color : green;
}



-->
</style>
</head>
<body>



<ul id="dot_border">
<li> clipboard
<li> cellbox
<li> workbook
<li> package
</ul>



</body>
</html>

반응형

댓글