色のCSSは「#」で始まる英字で表記されます。
例えば「赤色」は「#ff0000」です。(参考:Web色見本)
color: #fff;
colorは「文字」の色
border-left-color: #fff;
border-colorは「線」の色(leftは左)
スマホの場合
/*--------------------------------
アコーディオン
---------------------------------*/
#s-navi dl.acordion p {
margin: 0;
}
#s-navi dl.acordion {
margin: 0 10px;
}
#s-navi dt.trigger {
text-align: right;
padding: 10px 0px;
cursor: pointer;
}
#s-navi dt.trigger .op {
font-size: 14px;
color: #fff;
padding: 0px 10px;
}
#s-navi dd.acordion_tree {
padding: 0px 10px;
display:none;
overflow: hidden;
}
.acordion_tree li {
float: left;
font-size: 13px;
padding-left: 10px;
display: inline;
padding-right: 10px;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #fff;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 10px;
}
.acordion_tree li li {
float: left;
font-size: 13px;
padding-left: 10px;
display: inline;
padding-right: 10px;
border: 0px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 10px;
}
.acordion_tree li a {
float: left;
color: #fff;
text-decoration: none;
}
パソコンの場所
/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 781px) {
nav {
background: #f3f3f3;
color: #fff;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
border-radius: 5px;
background: linear-gradient(#fff, #f3f3f3);
border: solid 1px #ccc;
margin-bottom: 10px;
}
nav li:first-child {
border: none;
}
nav li {
position: relative;
float: left;
font-size: 13px;
padding-left: 10px;
display: inline;
padding-right: 10px;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #CCC;
padding-top: 5px;
padding-bottom: 5px;
}
nav li li {
padding-top: 0px;
padding-bottom: 0px;
}
nav li li {
padding-top: 0px;
padding-bottom: 0px;
}
background: #f3f3f3;
backgroundは背景
background: linear-gradient(#fff, #f3f3f3);
linear-gradientはグラデーション。
linear-gradient(上の方の色,下の色)
※両方書いてあるのは便宜上で、下に記述されているグラデーションの方が適応されます。グラデーションが嫌な場合は削除して下さい。


