記事検索

こんにちは。紫のバラの人です。

https://jp.bloguru.com/love

フリースペース

🌹TEST

スレッド
🌹TEST 小さくなる。管理画面でプレビュ... 小さくなる。管理画面でプレビューできない。240*135/7.3M






大山のjpg→フォトでスライドショー→EXPでGIF(高画質/6282K)

driveの画像
https://drive.google.com/file/d/1fhpsXvvL_RIVlndAiBy20MPkrCEMvgA4/view?usp=sharing

https://drive.google.com/file/uc?export=view&id=/1fhpsXvvL_RIVlndAiBy20MPkrCEMvgA4/view?usp=sharing




線を引く






hrタグは終了タグが必要ではないので、上記のように記述します。

▼ブラウザ表示▼

**

/* CSSコード */
.hr1 {
border-top: 3px solid red; /* 赤 */
}

.hr2 {
border-top: 3px solid #0000FF; /* 青 */
}

.hr3 {
border-top: 3px solid rgb(117, 117, 117); /* グレイ */
}

---------------------

この文章の下に線が引かれます。




例:
HTML

この文章の下に線が引かれます



CSS
p { border-bottom : solid ; }

この文章の下に線が引かれます



CSS
p { border-bottom : solid ; }

HTML

この文章の下に緑色の太い線が引かれます



CSS
p { border-bottom : solid 10px green ; }

-----------------

p.box {
border-bottom: 1px solid red;
}


ほげほげ




うちの近所は猫が多い。





うちの近所は猫が多い




-----------------------

うちの近所は猫が多い


h2 {
position: relative;
padding: 1rem 2rem;
text-align: center;
color: #0075a9;
border-radius: 0 10px 10px 10px;
background: #d8ecf5;
}

h2:before {
font-family: 'Font Awesome 5 Free';
font-size: 15px;
font-size: 1.5rem;
position: absolute;
top: -24px;
left: 0;
height: 24px;
padding: 0 1em;
content: '\f0a4 POINT';
color: #fff;
border-radius: 10px 10px 0 0;
background: #0075a9;
}

-------------------------

リボン風の見出し


h2 {
position: relative;
display: inline-block;
margin: 1rem 0 1rem -10px;
padding: 1rem 3rem;
color: #fff;
border-radius: 0 100vh 100vh 0;
background: #0075a9;
-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
}

h2:before {
position: absolute;
bottom: -10px;
left: 0;
width: 0;
height: 0;
content: '';
border-top: 10px solid #005276;
border-left: 10px solid transparent;
}

-----------------

うちの近所は猫が多い


.btn--orange,
h2 {
border-bottom: 3px solid #000;
}

--------------


うちの近所は猫が多い。


----------


ここに文字を入力する。

------------------

うちの近所は猫が多い。


------------

うちの近所は猫が多い。



-------------

囲み文字
https://www.fuji-blo.com/entry/box-design#%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E7%99%BB%E9%8C%B2%E3%81%99%E3%82%8B

背景色のみ

内容





うちの近所は猫が多い♪

🌹うちの近所は猫が多い😻


🌹うちの近所は猫が多い😻


線を引く
https://style.potepan.com/articles/23057.html
none


solid










Document




見出し


コンテンツ




見出し


コンテンツ



















hr {height: 4px;
background-color: red;
border: none;}

hr {
border-style: none;
border-top: 4px solid red;
}




******************








-------




**********


水平線を引く

一本線



色付き



太線





点線





二重線


/* 赤二重線 */
hr.sample1 {
border-top: 3px double red;
}

影線


/* 緑影線 */
hr.sample2 {
height: 10px;
border: 0;
box-shadow: 0 10px 10px -10px #008000 inset;
}

グラデーション線


/* 青グラデーション線 */
hr.sample3 {
border: 0;
height: 10px;
background-image: -webkit-linear-gradient(left, #f0f0f0, #4169e1, #f0f0f0);
background-image: -moz-linear-gradient(left, #f0f0f0, #4169e1, #f0f0f0);
background-image: -ms-linear-gradient(left, #f0f0f0, #4169e1, #f0f0f0);
background-image: -o-linear-gradient(left, #f0f0f0, #4169e1, #f0f0f0);
}

Thankyou付


/* Thank Youバージョン */
hr.sample4 {
border-top: 3px solid red;
text-align: center;
border-left-style:none;
border-right-style:none;
border-bottom-style:none;
}
hr.sample4:after {
content: 'Thank You';
display: inline-block;
position: relative;
top: -1px;
padding: 0 10px;
background: red;
color: #ffffff;
font-size: 20px;
font-weight:bold;
border-left: hidden:
}

------


祭りやイベント、お出かけ日記
MMC(マカロン祭りカレンダー)





https://webliker.info/html/52510/


ワオ!と言っているユーザー

🌹うちの近所は猫が多い😻ルナ家族

スレッド
いた! いた! クルマの下からのぞく。そこはだ... クルマの下からのぞく。そこはだめだ! 風通しが良い。 風通しが良い。 待っているのか。 待っているのか。 今日は二人。 今日は二人。 シンクロ。 シンクロ。 ベタっと寝る。朝は冷たい。 ベタっと寝る。朝は冷たい。 早朝の裏道。だれもいないし涼し... 早朝の裏道。だれもいないし涼しいし。 視線が強い。 視線が強い。 覚えてくれた? 覚えてくれた? 近づいてくる。 近づいてくる。 小さくても爪は鋭い。 小さくても爪は鋭い。 しっかり生きろ。 しっかり生きろ。 ルナ?! ルナ?! 親子でルナ?! 親子でルナ?! 近づいてくる(600/28.5... 近づいてくる(600/28.5M) よじ登ってくる(600/12.... よじ登ってくる(600/12.7M) 17M 17M 14M 14M
歩いてるとミャーミャー。
のぞいてみると、いた。

いつの間にか増える。

「罪のない命」なんて勝手なことは思うのは人間のエゴ。

ようこそ、だ。

少し大きくなって、アップで見た。
顔つきが全く違う。性格も嘘みたいに違う。

ノラのチビにはめずらしくママと一緒
https://drive.google.com/file/d/1CTzsa43sEpNttjDxNUYKPpvYJ6g9FJ7Q/view?usp=sharing

寄ってくる?
https://drive.google.com/file/d/1xMelDrB4C398sjUXYtYmcTZo8v9Y6EKI/view?usp=sharing

なんか用かい?
https://drive.google.com/file/d/1IBBzZvnVObe5tIUr0A7BUBVxiVfaGiKx/view?usp=sharing

用なのかい?
https://drive.google.com/file/d/1Gt_8Orh1YsuD2phBonVi2sDh6oj0W1Ej/view?usp=sharing

すりすり
https://drive.google.com/file/d/11C_yWtfpUwJKSpdTQWC0p_010qt3sI7P/view?usp=sharing

のど、ごろごろ
https://drive.google.com/file/d/1gAAGNk0M8AvrjLtfMupDXrEq91-q5-v3/view?usp=sharing






命名:シンメトリー(キャラ)

#シンメトリー #ルナ家族 #猫

ワオ!と言っているユーザー

  • ブログルメンバーの方は下記のページからログインをお願いいたします。
    ログイン
  • まだブログルのメンバーでない方は下記のページから登録をお願いいたします。
    新規ユーザー登録へ
ハッピー
悲しい
びっくり