mieki256's diary

この日記ページの css を少し修正。

SUBコマンド部分に、左側が丸みを帯びた形の背景画像を指定していたけど、css でも表現できるんじゃないかと思えてきて。色々試していたら画像無しでもそういう見た目になってくれた。小さい画像とは言え、ページを表示するたびにWebサーバから画像をダウンロードするのはなんだかアレだなと思えていたわけで…。これで少しは改善されたかなと。

一応、該当部分のcss記述をメモ。

h4.sub {
    padding: 1px 0px 1px 16px;
    margin-left: 0.5em;
    margin-top: 2.5em;
    background: linear-gradient(to right, #ec8,#fff);
    border-bottom: 1px solid #ca4;
    background-size: 48px;
    background-repeat: no-repeat;
    border-radius: 16px 0px 0px 16px;
}