communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français

Bordure de modèle de boîte HTML+CSS facile à démarrer (partie 1)

La bordure du modèle de boîte est la ligne entourant le contenu et le remplissage. Vous pouvez définir l'épaisseur, le style et la couleur de cette ligne (trois attributs de la bordure).

Le code suivant : 

<!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>

La couleur peut être écrite en hexadécimal #ccc #f60 etc.

La largeur en border-width (largeur de bordure) peut également être définie à :

fin | moyen | épais (mais pas très couramment utilisé), les pixels (px) sont le plus couramment utilisés


Formation continue
||
<!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>
soumettreRéinitialiser le code
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)  492784 joue