HTML+CSS Sempadan Model Kotak Mudah Dimulakan (Bahagian 1)

Bandar model kotak ialah garisan yang mengelilingi kandungan dan padding Anda boleh menetapkan ketebalan, gaya dan warna garisan ini (tiga atribut sempadan).

Kod berikut:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>边框</title>
  <style type="text/css">
      p{
        border:1px solid red;

        /*也可分开来写*/
        /*  border-width: 1px;*/    /*粗细*/
        /* border-style: solid;*/   /*样式,实线,虚线,等*/
        /* border-color: red;*/     /*颜色*/


       /* dashed(虚线)| dotted(点线)| solid(实线)  小伙伴们可以试一下*/
      }
  </style>
</head>
<body>
    <p> 我的世界因为有你才会美   我的天空因为有你不会黑    给我快乐为我伤心流眼泪 
          给我宽容能让我展翅高飞 
          你的话你的泪 你的笑你的美 
          在我眼中胜过最美的玫瑰 
        抱着梦往前飞 不逃避不后退 
        你是我成功路上的堡垒! 
        给我翅膀 让我可以翱翔 
        给我力量 是你让我变坚强 
        不怕受伤 因为有你在身旁 
        你的笑你的泪 是我逐梦路上最美的太阳 </p>
</body>
</html>

Warna boleh ditulis dalam perenambelasan #ccc #f60 dll.

Lebar dalam lebar sempadan (lebar sempadan) juga boleh ditetapkan kepada:

nipis | sederhana |.

Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>边框</title> <style type="text/css"> p{ border:1px solid red; /*也可分开来写*/ /* border-width: 1px;*/ /*粗细*/ /* border-style: solid;*/ /*样式,实线,虚线,等*/ /* border-color: red;*/ /*颜色*/ /* dashed(虚线)| dotted(点线)| solid(实线) 小伙伴们可以试一下*/ } </style> </head> <body> <p> 我的世界因为有你才会美 我的天空因为有你不会黑 给我快乐为我伤心流眼泪 给我宽容能让我展翅高飞 你的话你的泪 你的笑你的美 在我眼中胜过最美的玫瑰 抱着梦往前飞 不逃避不后退 你是我成功路上的堡垒! 给我翅膀 让我可以翱翔 给我力量 是你让我变坚强 不怕受伤 因为有你在身旁 你的笑你的泪 是我逐梦路上最美的太阳 </p> </body> </html>
  • Cadangan kursus
  • Muat turun perisian kursus