色の使用

  • html
  • 閲覧1803
7
1
2
3
4
5
6
7
8
9
<div class="wrapper">
<div class="box boxLeft">
<p>
This is the first box.
</p>
</div>
<div class="box boxRight">...
///*** ***///
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
2020-6-3

色の使用

コードの説明
The HTML responsible for creating the above example is shown here:

This is pretty simple, using a <div> as a wrapper around the contents, which consists of two more <div>s, each styled differently with a single paragraph (<p>) in each box.

The magic happens, as usual, in the CSS, where we'll apply colors define the layout for the HTML above.