.main_title { 여백 상단: 0; /* 상단 여백 제거 */ } .container-in { display: flex; 플렉스 방향: 행; /* 바탕 화면에 항목을 가로로 나열합니다. */ align-items: flex-start; /* 수직 시작 정렬로 변경 */ padding: 20px; 여백 하단: 20px; 테두리 반경: 8px; 배경색: #f9f9f9; 상자 그림자: 0 2px 4px rgba(0,0,0,0.1); 전환: 상자 그림자 0.3초 용이성; 커서: 포인터; } .container-in:hover { 상자 그림자: 0 4px 8px rgba(0,0,0,0.3); } .Figure { 플렉스 축소: 0; 너비: 230px; 높이: 230px; 배경 크기: 표지; 배경 위치: 중앙; 테두리 반경: 8px; 오른쪽 여백: 20px; } .text { 디스플레이: 플렉스; 플렉스 방향: 열; 내용 정당화:공간 사이; 플렉스 성장: 1; 오버플로: 숨김; /* 추가됨: 오른쪽 텍스트가 상자 밖으로 나가는 것을 방지 */ } .title, .info-item, .description, .host {font-size: 16px; 색상: #555; 여백 하단: 10px; } .title { 글꼴 크기: 20px; 색상: #333; 여백 하단: 10px; 글꼴 두께: 600; } .info-label { /* 판매 수량, 등급, 가격 스타일 업데이트 */ color: #444; /* 약간 더 어두운 검정색으로 설정 */ align-items: center; 내용 정당화: 센터; } .info { 디스플레이: 플렉스; 플렉스 랩: 랩; 항목 정렬: 중앙; 내용 정당화: 센터; } .info-item { 여백-오른쪽: 2px; /* 정보 항목 사이의 간격 조정 */ align-items: center; 내용 정당화: 센터; } .host a, .button-link { 색상: #007bff; 텍스트 장식: 없음; 글꼴 크기: 16px; 전환: 색상 0.2초 Ease-In-Out; } .button-link { 배경색: #ffc107; 색상: #0a0a23; 패딩: 10px 20px; 테두리 반경: 5px; 텍스트 정렬: 중앙; 디스플레이: 인라인 블록; 여백 상단: 1px; 여백 하단: 1px; 상자 그림자: 2px 2px 5px rgba(0, 0, 0, 0.2); } .button-link:hover { 배경색: #0056b3; 색상: #ffffff; /* 마우스 오버 시 텍스트 색상 변경 */ 변환: scale(1.05); 상자 그림자: 0 4px 8px rgba(0, 0, 0, 0.3); } @media (최대 너비: 480px) { .container-in { flex-direction: 열; 내용 정당화: 센터; /* 중앙 정렬을 위해 추가 */ align-items: center; /* 세로 축 중앙 정렬 */ } .Figure { width: 220px; /* 모바일에서 이미지 크기 줄이기 */ height: 220px; /* 이미지 높이 조정 */ margin-right: 0; /* 오른쪽 여백 제거 */ margin-bottom: 15px; /* 콘텐츠를 아래쪽에 정렬하려면 여백을 추가하세요. */ align-items: center; 내용 정당화: 센터; /* 중앙 정렬을 위해 추가됨 */ } .text { width: auto; /* 모바일에서 텍스트 너비 자동 조정 */ Overflow: visible; /* 텍스트가 상자를 벗어나더라도 표시되도록 설정 */ align-items: center; 내용 정당화: 센터; /* 중앙 정렬을 위해 추가됨 */ } .info { flex-direction: column; /* 모바일에서 정보 항목을 세로로 나열합니다. */ align-items: center; 내용 정당화: 센터; /* 중앙 정렬을 위해 추가 */ } .info-label { /* 판매 수량, 등급, 가격 스타일 업데이트 */ text-align: left; /* 텍스트 시작 부분을 왼쪽으로 정렬 */ width: 100%; /* 상위 요소(.info-item)의 너비와 일치하도록 텍스트 너비를 설정합니다. */ } .info-item { display: flex; /* Flexbox 모델 사용 */ justify-content: center; /* 가로축의 중심을 정렬 */ align-items: center; /* 세로축 중심 정렬 */ width: 100%; /* 전체 너비 사용 */ } .button-link { margin-right: 0; /* 모바일에서 버튼 링크 사이의 간격 제거 */ margin-top: 5px; /* 위쪽 여백 줄이기 */ margin-bottom: 5px; /* 아래쪽 여백 줄이기 */ align-items: center; 내용 정당화: 센터; /* 중앙 정렬을 위해 추가 */ } }
오늘은 패셔너블한 분들에게 알리익스프레스의 달콤한 티켓을 소개해드리고자 합니다! 아디다스 트랙탑 입니다.
편안하고 스포티한 이 트랙탑은 매일 운동하거나 그냥 편안하게 휴식을 취하고 싶을 때 완벽한 선택입니다. 다양한 색상과 크기로 제공되므로 귀하의 취향과 스타일에 꼭 맞는 제품을 찾으실 수 있습니다.
지금 사야할 알리의 핫 아이템
.text-box1 { 위치: 상대; 테두리: 5px 솔리드 #000000; /* 테두리 색상을 검은색으로 변경 */ border-radius: 10px; 패딩: 20px; 여백: 20px 0; 색상: #000; /* 텍스트 색상을 검정색으로 변경 */ } .text-box1::before { content: “?Ali에서 찾은 가장 비용 효율적인 항목”; /* 동적 텍스트 삽입 */ 위치: 절대; 상단: -25px; 왼쪽: 10px; /* 위치 조정 */ background-color: 흰색; 패딩: 0 10px; 글꼴 크기: 1.2em; /* 글꼴 크기 조정 */font-weight:bold; /* 굵게 유지 */ color: #000000; /* 색상 변경 */ } .text-box1 a { word-break: break-all; 색상: #000; /* 링크 텍스트 색상 */ display: block; 여백 하단: 10px; 텍스트 장식: 없음; /* 밑줄 제거 */ } .text-box1 a:hover { color: #0056b3; /* 마우스를 올리면 텍스트 색상이 변경됩니다. */ text-design: underline; /* 마우스를 올리면 밑줄 추가 */ }
귀하의 필요에 맞는 다른 AliExpress 제품을 찾으려면 다른 권장 사항을 참조하십시오. 우리는 당신에게 최고의 쇼핑 경험을 제공하기 위해 최선을 다합니다.
10 최고의 아디다스 트랙 탑
아디다스의 완벽한 트랙탑 선택
그리고 요즘 핫한 알리익스프레스에서 추천하는 상품은 바로 아디다스 트랙탑이에요! 스포티하고 세련된 디자인으로 캐쥬얼한 룩과 운동룩 모두 잘 어울립니다. 배송도 빠르고 사이즈도 다양하니 지금 확인해보세요! 꼭 알리에서 확인하시고 멋진 룩을 연출해보세요!
이 게시물은 AliExpress 프로그램의 일부로 일부 보상을 받을 수 있습니다.
AliExpress 추천 게시물 아디다스 트랙 탑 목록: 필수 아이템이 쇼핑 아카데미에 처음 등장했습니다.