CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSを使用して青い左枠でリストする

CSSのリストに青い左の境界線を追加するには、次のコードを実行してみてください-

例

<!DOCTYPE html>
<html>
   <head>
      <style>
         ul {
            border-left: 3px solid blue;
            background-color: #gray;
         }
      </style>
   </head>
   <body>
      <p>Countries</p>
      <ul>
         <li>India</li>
         <li>US</li>
         <li>Australia</li>
      </ul>
   </body>
</html>

出力

CSSを使用して青い左枠でリストする


  1. 基本リストをCSSでリストグループに変換するにはどうすればよいですか？

    基本リストをCSSで「リストグループ」に変換するためのコードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana

  2. CSSを使用してレスポンシブ価格表を作成するにはどうすればよいですか？

    CSSを使用してレスポンシブ価格表を作成するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style>    * {       box-sizing: border-box;    }    body { &n