14年ぶりダイエット日記

アラフィフのダイエット再挑戦

【86.55kg】【72日目<10.95kg減>】CSS導入してみました

基本データ(11月7日)

 

日付 体重 前日比 開始時からの合計 体脂肪率
前日 86.55kg +1.0kg -10.95kg 27.70%
11月7日 86.55kg ±0kg -10.95kg 29.00%

気温 23.8℃  外気温 6℃~15℃

※体重は起床後に計ったものです

 

朝食

豆乳野菜ジュース  166kcal

パン1枚  155kcal

__________321kcal

昼食

ささみのオープンサンド  282kal

サラダチキン   109kcal

______________391kcal

 

 

おやつ

野菜炒めめんつゆ浸し(オリジナルメニュー)

 

えのき 120g  41kcal

玉ねぎ 120g   40kcal

キャベツ 120g 28kcal

ごま油 小さじ1  36kcal

麺つゆ50ml  36kcal

__________181kcal

 

夕食

ミックスベジタブルカレーピラフ  485kcal

ヨーグルト  168g   95kcal

______________580kcal

 

1日の摂取カロリー

 

朝(321)+昼(391)+おやつ(181)+夕食(580)=1473kcal

雑感

今日は、ブログの見た目をよくできないかと調べて、CSSをいじったりしていました。

HTMLとCSSは、初心者向けの本で軽く学んだ経験はあるのですが、

すっかり忘れていました。

でも、調べているうちに思い出して、スタイルを指定する方法を思い出しました。

 

具体的に、いじったのは見出しと表です。

<h2>タグに、ネットから拾ってきた以下のようなスタイルを指定しました。

 

h2 {
  position: relative;
  padding: 0.5em;
  background: #a6d3c8;
  color: white;
}

h2::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}

 

まあ、コピペするだけだから簡単です。

 

少しはおしゃれになったでしょうか?

 

また別の見出しに変えたくなった場合でも、上の書きこんだ部分を

別のスタイルに変更してコピペすれば

はてなブログのデザイン設定ーカスタマイズーデザインCSSとアクセスしていき、

CSSを記述できます」というところの囲みをクリックして、余白にコピペする)

 

ブログ全体の<h2>タグで描いた見出しが一括変更できます。

 

今日は、HTMLやCSSをいじっていたら、なんか面白かったです。

初心者程度の知識でも、役立つものですね。