박스안 리스트설정
- 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>
반응형
'IT-개발,DB' 카테고리의 다른 글
| 2008년 SW기술자 등급별 일 노임단가 (0) | 2016.03.12 |
|---|---|
| [javascript] 배경 고정/스크롤 하기 (0) | 2016.02.28 |
| [개발/MFC] LPSTR LPCTSTR 위험 CStrgin -> char 으로 변환 (0) | 2016.02.04 |
| [개발/VC++/MFC] CString ↔ char 변환 (0) | 2016.02.04 |
| [개발/VC++] CreateProcess 함수 예제 소스코드 (0) | 2016.02.04 |
댓글