求大神帮忙写下如图的css样式，谢谢啦_html/css_WEB-ITnose
求大神帮忙写下如图的css样式，位置在页面的中央，按钮的大小是：190px*50px。颜色是橙色（#FF7100）和白色（#FFFFFF）。当鼠标点击后，两者的样式交换。
请帮忙写下啦。
谢谢啦。
回复讨论(解决方案)
jquery的addClass,removeClass；2个方法很简单啊
jquery的addClass,removeClass；2个方法很简单啊
关键是两个按钮的样式不太会，js会写的。
为两个按钮btn1，btn2添加click事件
$('#btn1').click(function(){$(this).addClass('class1');$('#btn2').addClass('class2');})手打难免有失误。。。。
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7697
15
1640
14
1393
52
1287
25
1229
29
macOS: 데스크탑 위젯의 색상을 변경하는 방법
Oct 07, 2023 am 08:17 AM
macOS Sonoma에서는 이전 버전의 Apple macOS에서처럼 위젯을 화면 외부에 숨기거나 알림 센터 패널에서 잊어버릴 필요가 없습니다. 대신 Mac의 데스크탑에 직접 배치할 수 있으며 대화형이기도 합니다. 사용하지 않을 때 macOS 데스크탑 위젯은 단색 스타일로 배경으로 페이드되어 방해 요소를 줄이고 활성 애플리케이션이나 창에서 진행 중인 작업에 집중할 수 있도록 해줍니다. 그러나 바탕 화면을 클릭하면 풀 컬러로 돌아갑니다. 단조로운 모양을 선호하고 데스크탑의 통일성을 유지하고 싶다면 영구적으로 만드는 방법이 있습니다. 다음 단계에서는 이 작업이 수행되는 방법을 보여줍니다. 시스템 설정 앱을 엽니다.
WordPress 웹 페이지 정렬 문제 해결 가이드
Mar 05, 2024 pm 01:12 PM
잘못 정렬된 WordPress 웹 페이지 해결 가이드 WordPress 웹 사이트 개발 시 때로는 웹 페이지 요소가 잘못 정렬되는 경우가 있습니다. 이는 다양한 장치의 화면 크기, 브라우저 호환성 또는 부적절한 CSS 스타일 설정 때문일 수 있습니다. 이러한 잘못된 정렬을 해결하려면 문제를 주의 깊게 분석하고, 가능한 원인을 찾아 단계별로 디버그하고 복구해야 합니다. 이 문서에서는 몇 가지 일반적인 WordPress 웹 페이지 정렬 문제와 해당 솔루션을 공유하고 개발에 도움이 되는 특정 코드 예제를 제공합니다.
CSS 웹 배경 이미지 디자인: 다양한 배경 이미지 스타일 및 효과 만들기
Nov 18, 2023 am 08:38 AM
CSS 웹 페이지 배경 이미지 디자인: 다양한 배경 이미지 스타일과 효과를 생성합니다. 구체적인 코드 예제가 필요합니다. 요약: 웹 디자인에서 배경 이미지는 페이지의 매력과 가독성을 효과적으로 향상시킬 수 있는 중요한 시각적 요소입니다. 이 문서에서는 몇 가지 일반적인 CSS 배경 이미지 디자인 스타일과 효과를 소개하고 해당 코드 예제를 제공합니다. 독자는 더 나은 시각 효과와 사용자 경험을 얻기 위해 자신의 필요와 선호도에 따라 이러한 배경 이미지 스타일과 효과를 선택하고 적용할 수 있습니다. 키워드: CSS, 배경 이미지, 디자인 스타일, 효과, 코드 표현
:nth-last-child(2) 의사 클래스 선택기를 사용하여 마지막에서 두 번째 하위 요소의 스타일을 선택하세요.
Nov 20, 2023 am 11:22 AM
끝에서 두 번째 자식 요소의 스타일을 선택하려면 :nth-last-child(2) 의사 클래스 선택기를 사용하세요. CSS에서 의사 클래스 선택기는 선택하는 데 사용할 수 있는 매우 강력한 도구입니다. 문서 트리. 그 중 하나는 :nth-last-child(2) 가상 클래스 선택기인데, 이는 마지막에서 두 번째 자식 요소를 선택하고 여기에 스타일을 적용합니다. 먼저 이 의사 클래스 선택기를 사용할 수 있도록 샘플 HTML 문서를 만들어 보겠습니다. ~에 의해
win7이나 8.1 중 어느 것이 더 낫습니까? 마스터가 알려줄 것입니다.
Jul 19, 2023 pm 12:21 PM
Windows 시스템에 관해 말하자면, 많은 사람들이 이제 Windows 시스템을 사용하고 있으며 Windows에는 win7 및 win8.1을 포함한 여러 시스템 버전이 포함되어 있다고 생각합니다. 일부 네티즌들은 win7과 8.1 중 어느 시스템을 선택해야 할지 모릅니다. win7과 8.1 중 어느 것이 더 낫습니까? 마스터는 win7과 win8.1의 차이점과 선택 사항을 알려줄 것입니다. Windows8.1은 멋진 인터페이스를 가지고 있습니다. 하지만 개선된 부분도 더 크고 단점도 더 큽니다. 더 분명한 것에는 흐릿한 게임 글꼴과 메모리 부족 버그가 포함됩니다. 메모리가 아무리 크더라도 일부 게임을 실행할 때 메모리가 부족하여 종료해야 한다는 메시지가 표시됩니다. 실제로 검사 당시 기억력은 정상이었다. 하나는 메모리 관리 메커니즘에 문제가 있다는 것이고, 다른 하나는
문서의 루트 요소 스타일을 선택하려면 :root 의사 클래스 선택기를 사용하세요.
Nov 20, 2023 pm 02:18 PM
:root 의사 클래스 선택기를 사용하여 문서의 루트 요소 스타일을 선택하려면 특정 코드 예제가 필요합니다. CSS에서는 :root 의사 클래스 선택기를 사용하여 문서의 루트 요소를 선택하고 특정 스타일을 지정할 수 있습니다. 그것을 위해. :root 의사 클래스 선택기는 대부분의 경우 html 요소를 선택하는 것과 동일하지만 문서에 네임스페이스가 있는 경우 :root 의사 클래스 선택기는 기본 네임스페이스의 루트 요소를 선택합니다. 다음은 :root 의사 클래스 선택기를 사용하여 문서의 루트 요소를 선택하는 방법을 보여주는 구체적인 코드 예제입니다.
CSS 웹 네비게이션 바 디자인: 다양한 네비게이션 바 스타일 만들기
Nov 18, 2023 pm 04:41 PM
CSS 웹 네비게이션 바 디자인: 다양한 네비게이션 바 스타일을 생성하려면 특정 코드 예제가 필요합니다. 네비게이션 바는 웹 디자인에서 가장 중요한 구성 요소 중 하나입니다. 웹사이트 구조에 대한 명확한 가이드. 내비게이션 바를 디자인할 때 우리가 자주 직면하는 문제는 어떻게 하면 아름답고 기능적인 내비게이션 바를 만들 수 있느냐는 것입니다. 이 기사에서는 몇 가지 일반적인 CSS 탐색 모음 디자인 방법을 소개하고 독자가 이를 더 잘 이해하고 적용할 수 있도록 해당 코드 예제를 제공합니다. 기본 탐색 모음 기본 탐색 모음이 가장 일반적입니다.
CSS 텍스트 효과: 텍스트에 다양한 특수 효과 및 스타일 추가
Nov 18, 2023 am 10:30 AM
CSS 텍스트 효과: 텍스트에 다양한 특수 효과와 스타일을 추가하려면 구체적인 코드 예제가 필요합니다. 1. 소개 웹 디자인에서 텍스트는 없어서는 안 될 부분입니다. 텍스트에 특수 효과와 스타일을 추가하면 페이지를 더욱 생생하고 흥미롭게 만들고 사용자의 읽기 경험을 향상시킬 수 있습니다. 이 기사에서는 몇 가지 일반적인 CSS 텍스트 효과를 소개하고 독자의 참조 및 학습을 위한 해당 코드 예제를 제공합니다. 2. 텍스트 색상 텍스트 색상은 가장 기본적인 텍스트 효과 중 하나입니다. 색상 속성을 설정하면 텍스트 색상을 변경할 수 있습니다. 여기에 예가 있습니다.
