Code Thuộc tính list-style-image trong CSS
Code Thuộc tính list-style-image trong CSS
Code Thuộc tính list-style-image trong CSS
Tự code rồi chạy thử...
Chạy Thử
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính list-style-image trong CSS</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#ulmot li {
list-style-image: url('https://webmoi.vn/thumuc/li.png');
}
#ulhai {
list-style-image: url('https://webmoi.vn/thumuc/li2.png');
}
#ulba {
list-style-image: url('https://webmoi.vn/thumuc/li3.png');
}
</style>
</head>
<body>
<h1>Code Thuộc tính list-style-image trong CSS</h1>
<p>Dùng để quy định một hình ảnh (img) làm đầu dòng trong nội dung của thẻ li:</p>
<ul id="ulmot">
<li>list-style-image: url('li.png');</li>
<li>list-style-image: url('li.png');</li>
<li>list-style-image: url('li.png');</li>
</ul>
<ul id="ulhai">
<li>list-style-image: url('li2.png');</li>
<li>list-style-image: url('li2.png');</li>
<li>list-style-image: url('li2.png');</li>
</ul>
<ul id="ulba">
<li>list-style-image: url('li3.png');</li>
<li>list-style-image: url('li3.png');</li>
<li>list-style-image: url('li3.png');</li>
</ul>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính list-style-image trong CSS</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#ulmot li {
list-style-image: url('https://webmoi.vn/thumuc/li.png');
}
#ulhai {
list-style-image: url('https://webmoi.vn/thumuc/li2.png');
}
#ulba {
list-style-image: url('https://webmoi.vn/thumuc/li3.png');
}
</style>
</head>
<body>
<h1>Code Thuộc tính list-style-image trong CSS</h1>
<p>Dùng để quy định một hình ảnh (img) làm đầu dòng trong nội dung của thẻ li:</p>
<ul id="ulmot">
<li>list-style-image: url('li.png');</li>
<li>list-style-image: url('li.png');</li>
<li>list-style-image: url('li.png');</li>
</ul>
<ul id="ulhai">
<li>list-style-image: url('li2.png');</li>
<li>list-style-image: url('li2.png');</li>
<li>list-style-image: url('li2.png');</li>
</ul>
<ul id="ulba">
<li>list-style-image: url('li3.png');</li>
<li>list-style-image: url('li3.png');</li>
<li>list-style-image: url('li3.png');</li>
</ul>
</body>
</html>
Code Thuộc tính list-style-image trong CSS nằm trong bài viết Thuộc tính list-style-image trong CSS