저는 PSD를 디자이너로부터 받았고 CSS를 통해 대부분의 부품을 얻을 수있었습니다. 단 한 번의 비트만으로도 작업을 수행 할 수 있었고 두 개의 경계가있는 원으로 생각됩니다. bg 이미지 접근 방식을 사용할 수 있지만 CSS3를 사용하는 것이 이상적입니다. CSS를 사용하는 주된 이유 중 하나는 여러 다른 요소에서 동일한 테두리가 사용되었다는 것입니다.
this fiddle에서 볼 수 있듯이 상단에 의사 요소로 삼각형이있는 div와이 div 내부에 이미지가 있습니다. 난 이미지를 삼각형을 통해 모든 방법으로 확장되도록 의사 요소와 부모의 경계 내에 포함 된 이미지를 만들려고합니다. 그러나 어떻게해야할지 모르겠습니다. 컨테이너 등을 비뚤어지게 만드는 등 몇 가지 방법을 시도했지만 우아하고 반응이 빠른 솔루션
hover을 HERE 이상으로 설정하면 image이 중앙에 위치해야합니다. 그리고 두 번째 문제는 HERE 텍스트가 사라져야한다는 것입니다 (중복 됨). image 만 표시되어야합니다. 이 두 가지 문제를 해결하는 방법은 무엇입니까? .eee span {
\t font-weight: 700;
\t font-size:2em;
}
.
화면을 채우려는 배경 이미지를 원하고 가로 세로 비율이 줄어들지 않을까 걱정하지 않습니다. 모든 trued 한 ... 나는 분명 아무것도 누락 생각하지 않는다 html로 : .phone {
margin: auto;
height: 737px;
width: 654px;
background-image: url("
플렉스 레이아웃에있는 이미지의 오른쪽 하단에 일부 텍스트를 배치하려고합니다. 그것은 작동하지 않는 것 같습니다. 나는 매우 신축적이고 많은 실수를하고 있습니다. 나는 왼쪽 열과 오른쪽 열을 가지고 있는데, 두 열 모두 2 개의 이미지의 6 행을 연결합니다. 가운데에는 몇 가지 설명문이 있습니다. 각 이미지의 오른쪽 하단에 1에서 12까지의 숫자를 겹쳐서 표
좋은 하루, CSS 그리드를 사용하는 웹 페이지에는 갤러리 섹션이 있습니다. 그것은 정상적인 웹 브라우저에서 완벽하게 작동하며, 규모를 줄이면 미디어 쿼리 (다른 이미지 다음에 하나의 이미지)를 사용하여 원하는대로 조정할 수있었습니다. 실망스럽게도 모바일 장치에서 볼 때 작동하지 않았습니다. . 이것은 제가 처음으로 만든 웹 사이트로 문제가 예상됩니다. 그
폭 그리드가이 이미지와 같이 컨테이너 폭의 100 %로 확장되는 것을 볼 수 있습니다. 자동 영역의 내용을 그리드가 공간을 채우도록 강제 확장 할 경우, 문제는 사라질 것 같다. 그러나 필자가 보았던 모든 예와 이해는이 템플릿이 뷰포트 너비의 100 %까지 확장되어야 함을 의미합니다. 여기에 뭔가가 있습니까? 확실히 생각, 어떤 생각? 규칙에
"pull-left"클래스가 작동하지 않습니다. 로고가 왼쪽으로 떠 다니지 않고 body 태그의 배경색도 보이지 않습니까? 누군가 내가 잘못 가고 있다고 설명 할 수 있습니까? index.html 파일과 부트 스트랩 파일은 같은 디렉토리에 있습니다. 태그도 확인했지만 오타를 찾을 수 없습니다. 부트 스트랩 4 당김 오른쪽 당겨 왼쪽에서 body {
이것은 상당히 일반적인 사용법이 아닌 것 같지만 이전에는 사용하지 않았습니다. 나는 펜을 만들었지 만 그곳에 그것을 복제 할 수는 없으며, 왜 내 머리카락을 꺼내어 그 이유를 알아 내려고하고 있습니다. Demo Pen 왼쪽 사이드 바 항목의 목록에 대한 사용자 정의 스크롤 창을 가지고 있지만, overflow-y: scroll을 설정하는 것은 나에게 좋은