CSS를 사용하여 맞춤 여백을 추가하고 모양을 제어하는 방법은 무엇입니까?

나는 다음과 같은 이미지를 사용하여 스타일 H1에 노력하고 ... 다음과 같이CSS를 사용하여 맞춤 여백을 추가하고 모양을 제어하는 방법은 무엇입니까?

현재

enter image description here

내 코드 ...

h1{ 
    background:#add2cb; 
    padding:15px 20px; 
    color:#387475; 
font-size:16px; 
font-weight:bold; 
}

는하지만 난 당신이 왼쪽과 오른쪽 하단 곡선을 추가 도움이 필요한 CSS를 사용하여. 나는 방법의 제비를 시도했다, 이것을 달성하기 위하여 CSS 부호를 다시 쓰는 것을 도우십시오. 감사.

출처

2011-09-26 seoppc

하단 곡선? 국경 반경이나 그 재미있는 작은 pointy 물건으로? – Kyle

CSS만으로 커브를 추가 할 수는 없습니다.이 커브는 단일 이미지 여야합니다. H1의의의는 모두 같은 크기로려고하는 경우에, 당신은 그 하단의 이미지를 가질 수 있고 그 때 할 수있는 경우 잘 모르겠어요 당신의 H1의 CSS

background: url("path/to.image") bottom center no-repeat;

이 줄을 추가 <div>을 대신 사용하려는 경우가 아니면 다른 크기의 H1과 작동합니다. 1`s와

당신은이 작업을 수행 할 수 있습니다

HTML :

<div class="heading"><span>Text Goes Here</span><div>

CSS :

.heading { background: url("left-curve-image.jpg") left center no-repeat #add2cb; 
      padding:15px 20px; 
      color:#387475; 
      font-size:16px; 
      font-weight:bold; } 
.heading span { background: url("right-curve-image.jpg") right center no-repeat #add2cb; }

그냥 왼쪽의 자르는와의 오른쪽을해야한다는 점에 유의하십시오 위에서 아래로 곡선

출처

2011-09-26 08:06:28 JakeJ