Jam's story

[CSS] li 꾸미기 본문

WEB/CSS

[CSS] li 꾸미기

애플쩀 2022. 5. 23. 11:47 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="shortcut icon" type="image/x-icon" href="../images/SiSt.ico">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
ul{
list-style-type: none;
list-style-image: url("../images/arr.gif");
}
ul li{
border-bottom:1px solid red;
}
ul li:last-child {
	border-bottom: none;
}
</style>
</head>
<body>
<ul>
	<li>Lorem.</li>
	<li>Asperiores.</li>
	<li>Animi.</li>
	<li>Libero.</li>
	<li>Ipsum.</li>
</ul>
</body>
</html>
Insert title here
  • Lorem.
  • Asperiores.
  • Animi.
  • Libero.
  • Ipsum.
저작자표시

'WEB > CSS' 카테고리의 다른 글

[CSS] 반응형 테이블 - 스크롤바 표시  (0) 2022.05.23
[CSS] 테이블 꾸미기  (0) 2022.05.23
[CSS] 페이징 처리  (0) 2022.05.23
[CSS] div와 a로 메뉴 만들기+ hover  (0) 2022.05.23
[CSS] 아이콘  (0) 2022.05.20
'WEB/CSS' Related Articles more
Comments