HTML &CSS Day8 CSS core attribute -3
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="box">
hello world!
</div>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>Javascript</li>
<p>HTML</p>
<a href="www.google.com">google</a>
</ul>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="box">
hello world!
</div>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>Javascript</li>
<p>HTML</p>
<a href="www.google.com">google</a>
</ul>
</body>
</html>
*****CSS***
#box{
background:red;
width:300px;
height:30px;
line-height:30px;
color:white;
text-align:center;
}
ul{
background:red;
/* list-style:none; */
/* 去除原點 ● */
/* list-style-image:url(https://i.postimg.cc/bNp923hp/ico2.gif); */
/* 將原點換成圖片 */
/* list-style-position:inside; */
/* list-style-position:outside; */
/* list-style-type:disc; */
/* 實心圓 */
/* list-style-type:circle; */
/* 空心圓 */
/* list-style-type:square; */
/* 方塊 */
list-style:circle inside;
/* 簡寫 */
}
li{
line-height:20px;
/*li之間行高 */
}
p{
/* underlil overline line-through none */
text-decoration:underline
}
留言
張貼留言