小技をBLOGに集結!

7220032bb1abbfa8d3ffbd64edd01182_s

装飾用のボックスデザイン

装飾用のデザインボックスについて

テキストを枠付きで表示します。強調する文章等に利用できます。テキストを枠付きで表示します。強調する文章等に利用できます。
とても綺麗で見やすいレスポンシブデザインで親しみを感じるデザインです。このデザイン枠は、シンプルですがとてもインパクトのあるデザインです。
あなたの工夫次第で、一言コメントや重要な告知やお知らせに向いています。何を見せるかが重要な話題になるのでしょう。
今はスマホの時代となりましたから、誰かが撮った写真やイラストなどネットにたくさん掲載されています。
さーて何を表現するかは、あなたしだいです。
 

 
html


装飾用のデザインボックスについて
テキストを枠付きで表示します。強調する文章等に利用できます。テキストを枠付きで表示します。強調する文章等に利用できます。 とても綺麗で見やすいレスポンシブデザインで親しみを感じるデザインです。このデザイン枠は、シンプルですがとてもインパクトのあるデザインです。 あなたの工夫次第で、一言コメントや重要な告知やお知らせに向いています。何を見せるかが重要な話題になるのでしょう。 今はスマホの時代となりましたから、誰かが撮った写真やイラストなどネットにたくさん掲載されています。 さーて何を表現するかは、あなたしだいです。

CSS

.framed-text.green {color: #222; border-color: #2daa3f; background-color: #F2FBF4;}


 

桜の名所について

テキストを枠付きで表示します。強調する文章等に利用できます。テキストを枠付きで表示します。強調する文章等に利用できます。
日本人にとって桜は特別な花です。
近くの公園の桜よりも、名所と呼ばれるところの桜を見たくなります。関東の桜が特別にいいわけではありませんが、どこもたくさんの人が集まります。
桜を見ることができる期間は長くありません。その時、どこの桜を見るかが重要な話題になるのでしょう。
今はスマホの時代となりましたから、誰かが撮った桜がネットにたくさん掲載されています。しかし、桜の名所は自分で見ることが重要なのです。
穴場を探して、ゆっくりと桜を見たいと思うのは当然なのでしょう。

html

桜の名所について調べてみました!!

テキストを枠付きで表示します。強調する文章等に利用できます。テキストを枠付きで表示します。強調する文章等に利用できます。
日本人にとって桜は特別な花です。
近くの公園の桜よりも、名所と呼ばれるところの桜を見たくなります。関東の桜が特別にいいわけではありませんが、どこもたくさんの人が集まります。
桜を見ることができる期間は長くありません。その時、どこの桜を見るかが重要な話題になるのでしょう。
今はスマホの時代となりましたから、誰かが撮った桜がネットにたくさん掲載されています。しかし、桜の名所は自分で見ることが重要なのです。
穴場を探して、ゆっくりと桜を見たいと思うのは当然なのでしょう。

CSS

.framed-text.pink {color: #222; border-color: #FF6699; background-color: #fff7fa;}

・オプション設定時テキストが表示されます。

・オプションテキストのリンク設定は、「テキストのリンク設定」をご確認ください。

 
html

・オプション設定時「再入荷のお知らせを受け取る」は、品切れのオプションを選択した際に表示されます。

・再入荷のお知らせ設定は、オンラインマニュアル「再入荷のお知らせ通知設定」をご確認ください。

 
CSS

.post-point:before{
	content:"POINT";
	background:#255F85;
	position:absolute;
	left:-50px;
	top:-5px;
	width:65px;
	height:65px;
	color:#fff;	
	line-height:65px;	
	border-radius:50%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
}
.post-point{
	position:relative;
	min-height:70px;
	padding:8px 24px;
	border:1px dashed #255F85;
	margin:0.5em 0 3em;
	color:#255F85;
	background:#fffbe6;
}	

.post-point-top{
	margin-top:3em;	
}

関連記事

  1. marker1
  2. enkei01
  3. pelican-puzzle
  4. up-down

最近の記事

  1. wordpress-800x480
  2. marker1

    2019.07.6

    文字装飾
  3. kigou1
  4. 7220032bb1abbfa8d3ffbd64edd01182_s
  5. p_s

スマホやタブレットでも大丈夫!

mb300x142

ポップメディア直営サイト

ポップメディア:Web制作支援
 
〒112-0011東京都文京区千石2-33-10-102
 
URL https://popmedia.jp/
 
TEL:03-6912-08214
 
モバイル:080-3409-4566
 
popmedia
contact-bana
PAGE TOP