width = border + padding + コンテンツ にするには
box-sizing: border-box;
こっちが標準ならいいのに。。。
タグ: css
リストのマーカーを二つ設定する
リストの項目に二つ背景画像を表示したい時は
.mobile-nav-1 li{ background: url(../img/mark.png) , url(../img/arrow.png) ; background-repeat: no-repeat, no-repeat; background-position: top 30px left 20px, top 30px right 20px; }
とすると、どちらも場所指定して表示できます。
角丸半透明のdivを作る
div#header-info-kadomaru{
border-radius: 20px; /* CSS3 */
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari,Chrome */
background-color: #696969;
filter: alpha(opacity=20); /* IE */
opacity: 0.2; /* Chrome, Firefox, Safari, Opera, */
padding: 20px;
}