「CSS」doubleで二重線を表示する

2021年9月8日

構文
border-style: double;
2本の直線を表示し、幅の合計は border-width で定義したピクセル数になります。
使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<style>
.cft {
width: 250px;
background-color: skyblue;
/* 2本の直線を表示 */
border: 12px double black;
}
</style>
<div class="cft">test abc55689</div>
<style> .cft { width: 250px; background-color: skyblue; /* 2本の直線を表示 */ border: 12px double black; } </style> <div class="cft">test abc55689</div>
<style>
  .cft {
    width: 250px;
    background-color: skyblue;
     /* 2本の直線を表示 */
    border: 12px double black;
  }
</style>
<div class="cft">test abc55689</div>

 

CSS

Posted by arkgame