css를... 정보
css를...본문
.base-tabs li {
position:relative;
top:1px;
font-size:13px;
color:#505659;
padding:6px 12px 5px;
margin:0 0 0 0px;
font-weight:bold;
display:inline-block;
/* background:#F5F6F7;
background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F9FA), to(#F5F6F7));
background-image: -webkit-linear-gradient(top, #F7F9FA, #F5F6F7);
background-image: -moz-linear-gradient(top, #F7F9FA, #F5F6F7);
background-image: -ms-linear-gradient(top, #F7F9FA, #F5F6F7);
background-image: -o-linear-gradient(top, #F7F9FA, #F5F6F7);
background-image: linear-gradient(top, #F7F9FA, #F5F6F7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7F9FA', EndColorStr='#F5F6F7');*/
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border:0px #DADDE0 solid;
border-bottom:0;
-webkit-box-shadow: inset 0 0px 0 #FAFBFC;
-moz-box-shadow: inset 0 0px 0 #FAFBFC;
box-shadow: inset 0 0px 0 #FAFBFC;
border-bottom:1px #DADDE0 solid;
}
이렇게 css로 불러오는데요,.
메뉴바가있다면
지금은 이렇게 표시되는데요
------------------------------------------------------------------------------------
전체게시판 무슨게시판1 무슨게시판2 무슨게시판4
-------------------------------------------------------------------------------------
------------------------------------------------------------------------------------
전체게시판 무슨게시판1 무슨게시판2 무슨게시판4
-------------------------------------------------------------------------------------
이렇게 나눠 질려면 어떻하나요...
골고루 퍼지게..
해당 탭마다 il 로적용했습니다~
position:relative;
top:1px;
font-size:13px;
color:#505659;
padding:6px 12px 5px;
margin:0 0 0 0px;
font-weight:bold;
display:inline-block;
/* background:#F5F6F7;
background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F9FA), to(#F5F6F7));
background-image: -webkit-linear-gradient(top, #F7F9FA, #F5F6F7);
background-image: -moz-linear-gradient(top, #F7F9FA, #F5F6F7);
background-image: -ms-linear-gradient(top, #F7F9FA, #F5F6F7);
background-image: -o-linear-gradient(top, #F7F9FA, #F5F6F7);
background-image: linear-gradient(top, #F7F9FA, #F5F6F7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7F9FA', EndColorStr='#F5F6F7');*/
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border:0px #DADDE0 solid;
border-bottom:0;
-webkit-box-shadow: inset 0 0px 0 #FAFBFC;
-moz-box-shadow: inset 0 0px 0 #FAFBFC;
box-shadow: inset 0 0px 0 #FAFBFC;
border-bottom:1px #DADDE0 solid;
}
이렇게 css로 불러오는데요,.
메뉴바가있다면
지금은 이렇게 표시되는데요
------------------------------------------------------------------------------------
전체게시판 무슨게시판1 무슨게시판2 무슨게시판4
-------------------------------------------------------------------------------------
------------------------------------------------------------------------------------
전체게시판 무슨게시판1 무슨게시판2 무슨게시판4
-------------------------------------------------------------------------------------
이렇게 나눠 질려면 어떻하나요...
골고루 퍼지게..
해당 탭마다 il 로적용했습니다~
댓글 전체
<li class="mp1"> 태그에 스타일을 주셔서 클래스네임 정해주시고
.mp1{padding-left:"25px;"}
이렇게 각 li 마다 적용 하면 되지 않을까요??
아니면 메뉴를 이미지로 하셨다면 그 중간에 빈 공간도 잘라서 올리는것도 하나의 방법이고요...
방법은 여러개가 있는것 같은데...
저는 이렇게도 저렇게도 많이 시도해보고 되면 진행하는 스타일이라서..ㅋㅋ
여튼 꼭 성공하세요!!ㅋ
.mp1{padding-left:"25px;"}
이렇게 각 li 마다 적용 하면 되지 않을까요??
아니면 메뉴를 이미지로 하셨다면 그 중간에 빈 공간도 잘라서 올리는것도 하나의 방법이고요...
방법은 여러개가 있는것 같은데...
저는 이렇게도 저렇게도 많이 시도해보고 되면 진행하는 스타일이라서..ㅋㅋ
여튼 꼭 성공하세요!!ㅋ