分享

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> 
*****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  
}
分類:學習

評論
上一篇
  • 下一篇
  • 更多文章
    載入中... 沒有更多了