「CSS」dashedで四角い連続したダッシュや線分を表示する

2021年9月7日

書式
border-style: dashed solid;
短く角が四角い連続したダッシュや線分を表示します。

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<style>
.cft {
width: 250px;
background-color: skyblue;
/* 短く角が四角い連続したダッシュや線分を表示 */
border: 2px dashed black;
}
</style>
<div class="cft">test abc55689</div>
<style> .cft { width: 250px; background-color: skyblue; /* 短く角が四角い連続したダッシュや線分を表示 */ border: 2px dashed black; } </style> <div class="cft">test abc55689</div>
<style>
  .cft {
    width: 250px;
    background-color: skyblue;
     /* 短く角が四角い連続したダッシュや線分を表示 */
    border: 2px dashed black;
  }
</style>
<div class="cft">test abc55689</div>

 

CSS

Posted by arkgame