CSS가있는 메뉴 항목에 단추 추가

메뉴가 있으며 마지막 메뉴 항목을 빨간색 단추로 지정합니다. 나는이 같이 할 (그리고 메뉴와 파란색 선 사이의 상단에 어떤 갭 가능한 경우)CSS가있는 메뉴 항목에 단추 추가

그러나이 같다 : 내 문제는 내가 최고 패딩/여백을 변경할 때 내가 할 수있는 그 이 항목의 텍스트를 나머지 메뉴 항목과 정렬하지 마십시오.

.fusion-main-menu .fusion-last-menu-item a{ 
    background:#FE6C59; 
    color: #FFFFFF; 
    text-align:center; 
    display: block; 
    margin-bottom: 10px; 
    padding-right:5px; 
    padding-left:5px; 
    vertical-align: middle; 
    height:60px; 
    }

내가 마진, 패딩과 높이 실험을 계속하지만, 내가 원하는 형태로 그것을 얻을 수 없습니다 이것은 내가 사용하고 코드입니다. 당신이 나를 도울 수? 사이트는 다음과 같습니다. tfs-sl.com

출처

2016-07-10 linous

버튼의 CSS만으로는 충분하지 않습니다. 실습 예제를 제공해야합니다. –

http://tfs-sl.com 여기는 – linous

입니다. 로그인하지 않으 셨다면 tfs-sl.com에 메뉴가 없습니다. 둘째로, 여기 또는 귀하가 문제를 재현 한 후 모든 스 니펫 웹 사이트에서 문제를 재현해야합니다. 문제 해결에 도움이됩니다. 아무도 웹 사이트를 볼 때 초기 문제를 볼 수 없으며 향후 사용자를위한 교육적 가치를 잃게됩니다. 이것들은 모두의 규칙/원칙이므로 모두를 존중해야합니다. –

span 요소가 있습니다. 그 스타일에 스타일을 붙이십시오 :

.fusion-main-menu .fusion-last-menu-item a span { 
    background:#FE6C59; 
    color: #FFFFFF; 
    padding:4px; 
    }

출처

2016-07-10 12:50:04 cjbj

예! 그것은 실제로 일했습니다. 내가 제안한 것처럼 span 요소에 스타일 옵션을 추가했습니다. 고마워요! – linous

CSS가있는 메뉴 항목에 단추 추가

답변

관련 문제