100% | ナノ

information

ここは△△を扱う○○サイトです。管理人□□が運営しています。
また、このサイト内の作品の著作権はすべて管理人□□にあります。荒らし・晒し・転載はご遠慮ください。

アンケートで図形を使ったもの～…というご意見が何件かございましたので、黄色とグレーを使って作ってみました。背景の図形素材は透過(PNG形式)しているので濃い背景でも大丈夫です。
アンケートはこんな感じで形にしていこうかな、と思っています。

HEAD

body{
margin:5%;
padding:5%;
text-align:center;
 font-size:12px;
line-height:2;
letter-spacing:1px;
font-family:'Dosis',Meiryo, メイリオ,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
color:#000;
background:url(#画像URL#),#C9C8BC;
background-position:center bottom;
}

.all{
max-width:600px;
height:auto;
text-align:left;
}

.all span{
background:#C9C8BC;
}

a{
text-decoration:none;
color:#000;
border-bottom:dotted 2px #FFF773;
background:#C9C8BC;
}

a:hover{
border-bottom:solid 2px #FFF773;
}

a:visited{
color:#555;
}

.title{
font-size:60px;
color:#444;
text-shadow:5px 5px #fff773;
display:inline;
background:#C9C8BC;
}

.sankaku{
width:0;
height:0;
border-right:solid 15px transparent;
border-top:solid 15px transparent;
border-left:solid 15px #fff400;
border-bottom:solid 15px #fff400;
display:inline-block;
}

h3{
font-size:30px;
line-height:1;
color:#444;
}

.menu{
width:50px;
line-height:14px;
font-size:15px;
color:#fff400;
background:rgba(0,0,0,0.15);
background-size:50px;
padding:18px 0;
border-radius:50%;
border:none;
display:inline-block;
}

.menu:hover{
border:none;
background:rgba(0,0,0,0.3);
}

</style>

BODY

素材↓

おまけ↓