[CSS]インライン要素を記述するサンプル

2021年11月9日

構文

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
.クラス名 span {定義コード}
.クラス名 a {定義コード}
.クラス名 img {定義コード}
.クラス名 input{定義コード}
.クラス名 span {定義コード} .クラス名 a {定義コード} .クラス名 img {定義コード} .クラス名 input{定義コード}
.クラス名 span {定義コード}
.クラス名 a {定義コード}
.クラス名 img {定義コード}
.クラス名 input{定義コード}

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<style>
/*インライン要素*/
.cft span {
margin: 25px 25px 25px 25px;
}
.cft {
background-color: skyblue;
}
</style>
<!-- インライン要素のspanタグ-->
<div class="cft">
<span>A01</span>
<span>B02</span>
<span>C03</span>
<span>D04</span>
</div>
<style> /*インライン要素*/ .cft span { margin: 25px 25px 25px 25px; } .cft { background-color: skyblue; } </style> <!-- インライン要素のspanタグ--> <div class="cft"> <span>A01</span> <span>B02</span> <span>C03</span> <span>D04</span> </div>
<style>
   /*インライン要素*/
  .cft span {
    margin: 25px 25px 25px 25px;
  }
  .cft {
    background-color: skyblue;
  }
</style>
<!-- インライン要素のspanタグ-->
<div class="cft">
  <span>A01</span>
  <span>B02</span>
  <span>C03</span>
   <span>D04</span>
</div>

 

CSS

Posted by arkgame