SVG Rounded Rectangle

SVG Rounded Rectangle

Example

 

<svg width="400" height="180">

  <rect x="50" y="20" rx="20" ry="20" width="150" height="150"

  style="fill:red;stroke:black;stroke-width:5;opacity:0.5" />

</svg>

d60605f0e734f9fb7d984663f935a4ec_1485356872_557.PNG
 

 

<!DOCTYPE html>

<html>

<body>

 

<svg width="400" height="180">

  <rect x="50" y="20" rx="20" ry="20" width="150" height="150"

  style="fill:red;stroke:black;stroke-width:5;opacity:0.5" />

Sorry, your browser does not support inline SVG.

</svg>

 

</body>

</html>


|
댓글을 작성하시려면 로그인이 필요합니다. 로그인

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
CSS 8년 전 조회 2,517
CSS 8년 전 조회 2,498
CSS 8년 전 조회 2,082
CSS 8년 전 조회 1,703
CSS 8년 전 조회 2,349
CSS 8년 전 조회 2,029
CSS 8년 전 조회 2,637
CSS 8년 전 조회 2,008
HTML 8년 전 조회 2,094
HTML 8년 전 조회 2,562
HTML 8년 전 조회 2,654
HTML 8년 전 조회 3,773
HTML
[HTML]
8년 전 조회 2,187
HTML
[HTML]
8년 전 조회 2,271
HTML 8년 전 조회 1,808
HTML 8년 전 조회 2,224
HTML 8년 전 조회 2,278
HTML 8년 전 조회 2,449
HTML 8년 전 조회 2,196
HTML 8년 전 조회 2,344
HTML 8년 전 조회 2,640
HTML 8년 전 조회 1,752
HTML 9년 전 조회 1,986
HTML 9년 전 조회 1,987
HTML 9년 전 조회 2,207
HTML 9년 전 조회 1,723
HTML 9년 전 조회 2,743
HTML 9년 전 조회 2,591
HTML 9년 전 조회 2,638
HTML 9년 전 조회 2,944
🐛 버그신고