현재 프로젝트에서 '탱크 계량 시스템'을 만드는 데 문제가 있습니다. 내가 MVC를 사용하고 다음과 같은 마크 업을 사용하여, 나는 이것을 달성 : 사용하여 : #container {
position:absolute;
margin:0;
margin-top:-50px;
width:100%;
padding:0;
나는 태그 앞에 정사각형으로 만들어진 반응 형 CSS를 넣으려고합니다. 이 같은 것을 나는 이런 식으로하려고 노력해 왔지만 사각형이 나타나지 않는 것 같습니다. 이걸로 나를 도울 수 있겠 니? h1::before {
position: relative;
width: 25%;
padding-bottom: 25%;
overflow: hidden;
bac
내 웹 사이트에 고정 검색 및 소셜 바를 추가했는데 모두 데스크톱에서 환상적으로 보입니다. 반응이 있어야하지만 모양이 손상되는 모바일보기 (태블릿/휴대 전화 등)에 문제가 있습니다. 바는 검색 부분처럼 훌륭하게 작동합니다. 모바일보기에서 모양이 손상되는 것은 사회적인 CSS 부분입니다. 다음 이 모바일에 보이는 방법은 다음과 같습니다 : 여기 코딩 것 :
저는 CSS와 HTML을 처음 접했고 동일한 CSS를 사용할 수있는 방법이 있는지 궁금 해서요. 그러나 여기에있는 육각형의 각기 다른 이미지가 있습니다. 'http://placekitten.com/240/240'대신에 여러 이미지를 사용하고 싶습니다. 너무 많은 코드를 반복해서 복사하거나 쓰지 않아도됩니다. 체크 아웃 바이올린을 아래 무슨 뜻인지 볼 수 있
브라우저 창의 크기를 조정할 때 사다리꼴 모양의 크기를 조정하려고합니다. box-resize을 사용하여이를 시도했지만 여전히 작동하지 않았습니다. border 해킹을 사용하여 사다리꼴 정의/생성이 가능합니까? 다른 방법으로 브라우저 창 크기를 조정할 때 크기를 조정할 수있는 사다리꼴을 만들 수 있습니까? <body style="position:relativ
나는이 효과를 얻기 위해 CSS와 SVG로 지난 며칠 동안 많은 것을 실험 해왔다. 나는 다이아몬드 모양의 이미지를 가지고 있으며, 사용자가 그것을 가리키면 원으로 변형되어 이상적으로 이미지가 블록 색상으로 변경되어야합니다. SVG를 사용하여 처음에는 SVG 다이아몬드를 만들 수 있다고 생각했지만 다음 단계는 이미지/블록 색상을 갖는 것이었고 마스크는 갈