불규칙한 모양의 단추 스타일링

Question

다소 불규칙한 모양의 단추를 만들 수 있습니까?

내 버튼에는 다음과 같은 CSS가있어 간단한 직사각형이됩니다.

.btnclass { 
    width:100; 
    height:40; 
} 

하지만 더 같이 만들고 싶어 : CSS와 함께이 작업을 수행 할 수

______________________ 
|   ___________| 
|   |___________ 
|______________________| 

모든 영리한 아이디어를?

Answer 1

나는 당신이 할 수 있다고 생각하지 않습니다, 당신의 당신이

Answer 2

별로 CSS의 해커의 무리없이 원하는대로 모양의 것 이미지를 사용하여 더 잘, 가장 좋은 이미지를 사용하는 것입니다.

당신의 폼 버튼에 그렇게하려고 시도하는 경우

는 이미지 버튼으로 다음

<input type="image" src="image_path.png" alt="image description" /> 

Answer 3

이동을 사용하여보십시오. <input type="image" ... /> 또는 <button><img src="" /></button> 그렇지 않은 경우 아래 제안 사항이 최적이 아니지만 이미지가 가장 적합한 솔루션 일 수 있습니다.

1. 원하는 모양으로 배경 이미지를 설정하십시오. 나는 이것이 이것을 위해 가장 순수한 해결책이라고 생각합니다. background-image: url(whole-image.png);

2. 오른쪽 상단 모서리에 배경색과 작은 배경 이미지를 설정합니다. 이 솔루션은 "둥근 모서리 해킹"과 비슷한 것입니다. background: #<button-color> url(small-image.png) top right no-repeat;