::-webkit-scrollbar { width: 0; /* Remove scrollbar space */ background: transparent; /* Optional: just make scrollbar invisible */ }
이 단계별 가이드를 통해 HTML에서 배경 이미지를 쉽게 제거하는 방법을 알아보세요. 귀하가 초보자이건 경험이 풍부한 코더이건 우리가 도와드리겠습니다. 원치 않는 배경에 작별 인사를 하고 웹 사이트를 깔끔하고 전문적인 모습으로 만드세요.
PhotoCut 앱을 사용하여 새로운 이미지를 사용자 정의할 수 있는 수많은 도구와 템플릿을 손쉽게 탐색해 보세요. 그들은 우리를 사랑합니다. 당신도 그럴 것이다.
다음은 HTML에서 배경 이미지를 제거하기 위해 따라야 할 단계입니다:< /p>
<h2>예</h2>
<div></div>
<div id=no-Background></div>
< p><div></div>
<div> 그런 다음 margin-bottom, 테두리 속성 및 배경색을 지정합니다. 그런 다음 URL 값과 함께 background-image 속성을 사용합니다. 그런 다음 배경 반복을 반복 없음으로 지정하고 배경 크기를 추가하여 마무리합니다. 다음은 그 모습입니다:
div {
< 스팬 스타일="색상: rgb(112, 115, 117);"> 높이: 170px;
너비: 300px;
여백-하단: 20px ;
배경색: #CDCDCD;
< p>border: 2px solid #CDCDCD;
배경 이미지: URL(https://images.unsplash.com/photo-1507919909716-c8262e491cde?ixlib=rb-
1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60);
배경 반복: 반복 없음;
배경 크기: 100%;
}
div#no-Background {
배경 이미지: 없음;
}
전체 코드는 다음과 같습니다. 이:
<!DOCTYPE html>
<html>
; <head>
<title>제목 문서
<style>
div {
< p>높이: 170px;
너비: 300px;
margin-bottom: 20px;
배경색: #CDCDCD;
테두리: 2px 단색 #CDCDCD;
배경 이미지:URL(https://images. unsplash.com/photo1507919909716c8262e491cdeixlib=rb
1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit= 자르기&w=500&q=60);
배경 반복: 반복 없음;
; 배경 크기: 100%;
}
div# 배경 없음 {
배경 -이미지: 없음;
}
</style>
</head>
<body>
;
<div> ;</div>
<div id=no- 배경></div>
<div>< /div>
</body>
< p></html>
< /p>
< span style="color: rgb(112, 115, 117);">PhotoCut은 이미지를 정확하게 편집하는 데 도움이 되는 능숙한 AI 배경 제거 및 편집 도구입니다. PhotoCut을 사용하면 기술적인 숙련도에 상관없이 누구나 쉽게 이미지의 배경을 제거할 수 있습니다. PhotoCut을 사용하여 PNG, JPG, JPEG 및 WebP 이미지에서 배경을 제거할 수도 있습니다.
이러한 형식에서 배경을 제거하려면 웹사이트를 통해 PhotoCut에 액세스하거나 App Store(iOS 사용자의 경우) 또는 Google Play 스토어(Android 사용자의 경우)에서 PhotoCut 애플리케이션을 다운로드해야 합니다.
PhotoCut을 사용하여 WebP, PNG, JPG 및 JPEG 이미지에서 배경을 쉽게 제거할 수 있습니다:
1단계 - '이미지 업로드'라는 대화 상자를 클릭하거나 페이지에 이미지를 끌어다 놓습니다.
< p>2단계 - 이미지를 업로드하는 중입니다. 잠시 기다려 주세요. 이 시간 동안 삭제하라는 메시지가 화면에 나타납니다. bgs AI는 선택한 이미지에서 배경을 제거하는 놀라운 작업을 수행합니다.
3단계 - 다음과 같은 경우 무언가를 제거하거나 이미지를 편집하려면 배경이 제거된 이미지의 오른쪽 상단에 편집 옵션이 표시됩니다.
4단계 - 원하는 형식으로 편집된 이미지를 원하는 연령 대상에 다운로드합니다.