ワクワクマーケット

今日は、それぞれの商品を持ち寄って、マーケットを作ります。いろんなものを販売してみよう！

サンプルは、こちらです。
▶︎https://cocohp.com/shiritori/

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<style>
html{
scroll-behavior: smooth;
}


.buttom a
{display:block;
width:50%;
text-align:center;
padding:10px;
background-color:#dc143c;
color:#fff;
text-decoration:none;
font-weight:bold;
border:solid 4px #ccc;}
 .buttom a:hover{
background-color:#ffc0cb;
color:#333;
 }
 </style>

</head>
<body>


</body>
</html>

<!DOCTYPE html>

<html>

<head>

<style>

html{

scroll-behavior: smooth;

}

.buttom a

{display:block;

width:50%;

text-align:center;

padding:10px;

background-color:#dc143c;

color:#fff;

text-decoration:none;

font-weight:bold;

border:solid 4px #ccc;}

.buttom a:hover{

background-color:#ffc0cb;

color:#333;

}

</style>

</head>

<body>

</body>

</html>

カートに入れる

カートに入れるボタンを作ってみよう！

<p class="buttom"><a href="">カートに入れる</a></p>

1	<p class="buttom"><a href="">カートに入れる</a></p>

架空のマーケットなので、虹や雨、海など買えないものでも出品することができるよ！

カートに入れる

You May Also Like

にちなんくしま公式サイト

【コピぺで作ろう】スライドするくだもの屋さん

SAYAKA.K