1. 요소의 텍스트 내용에 맞게 다양한 특수 모양의 배경을 활성화하고 자유롭게 늘리고 슬라이드할 수 있습니다.
2. 링크 배경과 링크 텍스트에 충분한 너비의 배경 이미지가 동시에 설정되어 하나는 왼쪽으로, 다른 하나는 오른쪽으로 늘어납니다.
예
{
디스플레이: 인라인 블록;
높이: 33px;
배경: url(images/ao.png) no-repeat;
색상: #FFF;
텍스트 장식: 없음;
줄 높이: 33px;
}
스팬 {
디스플레이: 인라인 블록;
높이: 33px;
배경: url(images/ao.png) no-repeat right;
}위 내용은 CSS 슬라이딩 도어 기술에 대한 소개입니다. 모든 분들께 도움이 되기를 바랍니다.