2016年06月26日のデザイン

デザインコード


@import "/<a class="keyword" href="http://d.hatena.ne.jp/keyword/css">css</a>/theme/evergreen/evergreen.<a class="keyword" href="http://d.hatena.ne.jp/keyword/css">css</a>";

.entry-header {
    margin: 0 auto 19px;
    position: relative;
}

.entry-header {
    border-bottom: 1px solid #dddddd;
}

.entry-header {
    padding-left: 15px;
    border-left: 5px solid #0E91DC;
}

#wrapper {
    width: 750px;
    float: left;
}
#box2 {
    width: 200px;
    font-size: 13px;
    float: right;
    margin: 16px;
}

解説

  • @import

 元となるスタイルシートを読み込んでいる。

 "http://blog.hatena.ne.jp"の階層からファイルにアクセスできる。

  • .entry-header

 記事のタイトルのデザインを変更できる。

  • #wrapper

 記事を表示する領域のデザインを変更できる?

 今回は表示場所と、横幅を指定した。

  • #box2

 サイドメニューのデザインを変更できる?

 今回は表示場所と、横幅を指定した。