홈 > 웹사이트 구축 도구 > 웹사이트 운영
중간 트랜잭션 http://www.aliyun.com/zixun/aggregation/6858.html "> seo 진단 Taobao 게스트 클라우드 호스트 기술 홀
웹사이트 디자인은 점차적으로 창조적인 트렌드와 인기 끌고있다. 사실 구현,만 추가 요소와 독특한 디자인을 추가할 필요가 매우 쉽습니다.
어떻게 우리가 스테레오 상자의 효과 얻을 수 있습니다 보자 하 고 우리가 당신에 게 몇 가지 좋은 예를 보여주지.
준비해
먼저 귀하의 페이지와 그림을 준비, 우리는이 그림을 사용:
우리는 단순히이 같은 HTML을 작성:
< div id = "컨테이너" >
< img id = "로고" src = "logo.png" alt = "리 먼로" / >
< / div >
CSS 스타일은 다음과 같이 수 있습니다.
몸 {배경: #999;
#container 없음
폭: 960px;
배경: #fff;
여백: 자동; 20px
안쪽 여백: 10px;
}
효과 미리 보기는 여기 있다:
상대 위치 지정 설정
로고를 찾아 우리 때 우리가 원하는 컨테이너 상대적인 위치, 그래서 상대 위치를 사용 하 여:
#container 없음
폭: 960px;
배경: #fff;
여백: 자동; 20px
안쪽 여백: 10px;
위치: 상대;
}
상자 밖에 서 그것을 찾습니다.
이제 당신이 해야 할 모든 위치 로고 이며 컨테이너에서 밖으로 서 있도록 가로로 배치.
#logo 없음
위치: 절대;
왼쪽:-15px;
}
이제 우리는 상자 밖에 서 로고 표시 되었습니다 볼 수 있습니다.
명령에 변경
아이콘 디자이너
Yoast
Twiistup
디자인 슈퍼 히어로
Hipsterist
Creamscoop
소스를 제 조: http://www.cn8f.com/.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
