2013-05-01から1ヶ月間の記事一覧

svgで線・円・楕円を書く

<html> <head> <meta charset="utf-8"> <title>線・円・楕円を書く</title> </head> <body> <svg width="600" height="300"> <rect width="100%" height="100%" fill="red" /> <rect x="50" y="50" width="100" height="100" rx="20" ry="20" fill="yellow"./> </rect></rect></svg></body></html>

css 縫い目のようなデザイン

<html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" type="text/css" media="screen,print"> <title>縫い目のようなデザイン</title> <style type="text/css"> div { background: #036; display: inline-block; /*デフォルトのpaddingがかかる h1をたくさ…</link></meta></meta></head></html>

svgで描く

<html> <head> <meta charset="utf-8"> <title>グループタグを使ってまとめて指定</title> </head> <body> <svg width="600" height="300"> <g stroke="black" stroke-width="10"> <rect width="100%" height="100%"/ fill="red"/> <rect width="400" height="100"/ fill="white"/> </rect></rect></g></svg></body></html>