<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>フォーム - コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</title>
	<atom:link href="https://copypet.jp/category/decoration/form/feed/" rel="self" type="application/rss+xml" />
	<link>https://copypet.jp</link>
	<description>CSS3などで新たに追加された要素･装飾方法など、日々コードを書いていないと忘れてしまったり、ささっとプロトタイプを作る時などちょっとしたことに時間をかけている暇はない。困った自分用のストックブログ</description>
	<lastBuildDate>Tue, 13 Aug 2024 07:32:16 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>
<site xmlns="com-wordpress:feed-additions:1">140159577</site>	<item>
		<title>コピペでできる！cssとhtmlのみでシンプルでわかりやすいラジオボタン＆チェックボックス5選</title>
		<link>https://copypet.jp/2893/</link>
		
		<dc:creator><![CDATA[copypet.jp]]></dc:creator>
		<pubDate>Tue, 13 Aug 2024 07:32:16 +0000</pubDate>
				<category><![CDATA[フォーム]]></category>
		<category><![CDATA[装飾系]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<guid isPermaLink="false">https://copypet.jp/?p=2893</guid>

					<description><![CDATA[<div><img src="https://copypet.jp/https://i0.wp.com/copypet.jp/contents/wp-content/uploads/eyecatch2893.jpg?fit=710%2C710&ssl=1" alt="copypet.jp" /></div><p>フォームはサイトにはかならず必要になってくるアイテムですが、わかりやすく間違えにくいものにしたいですよね。 ラジオボタン[input type=”radio”]とチェックボックス[input type=&#8221;ch [&#8230;]</p>
<p>The post <a href="https://copypet.jp/2893/">コピペでできる！cssとhtmlのみでシンプルでわかりやすいラジオボタン＆チェックボックス5選</a> first appeared on <a href="https://copypet.jp">コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</a>.</p>]]></description>
										<content:encoded><![CDATA[<div><img src="https://copypet.jp/https://i0.wp.com/copypet.jp/contents/wp-content/uploads/eyecatch2893.jpg?fit=710%2C710&ssl=1" alt="copypet.jp" /></div><p>フォームはサイトにはかならず必要になってくるアイテムですが、わかりやすく間違えにくいものにしたいですよね。<br />
ラジオボタン[input type=”radio”]とチェックボックス[input type=&#8221;checkbox&#8221;]のデザインで、<br />
シンプルだけどわかりやすいデザインを集めました。</p><p>The post <a href="https://copypet.jp/2893/">コピペでできる！cssとhtmlのみでシンプルでわかりやすいラジオボタン＆チェックボックス5選</a> first appeared on <a href="https://copypet.jp">コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2893</post-id>	</item>
		<item>
		<title>コピペでできる！cssとhtmlのみで作るホバーがいい感じの気のきいたボタンデザイン15種</title>
		<link>https://copypet.jp/1834/</link>
		
		<dc:creator><![CDATA[copypet.jp]]></dc:creator>
		<pubDate>Fri, 16 Mar 2018 17:16:11 +0000</pubDate>
				<category><![CDATA[フォーム]]></category>
		<category><![CDATA[ボタン]]></category>
		<category><![CDATA[装飾系]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<guid isPermaLink="false">https://copypet.jp/?p=1834</guid>

					<description><![CDATA[<div><img src="https://copypet.jp/https://i0.wp.com/copypet.jp/contents/wp-content/uploads/eyecatch1834.png?fit=710%2C710&ssl=1" alt="copypet.jp" /></div><p>htmlとcssだけでできるボタンデザイン15選です。 こちらはホバーやフォーカス時の動きがちょっと可愛いものが多いです。</p>
<p>The post <a href="https://copypet.jp/1834/">コピペでできる！cssとhtmlのみで作るホバーがいい感じの気のきいたボタンデザイン15種</a> first appeared on <a href="https://copypet.jp">コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</a>.</p>]]></description>
										<content:encoded><![CDATA[<div><img src="https://copypet.jp/https://i0.wp.com/copypet.jp/contents/wp-content/uploads/eyecatch1834.png?fit=710%2C710&ssl=1" alt="copypet.jp" /></div><p>htmlとcssだけでできるボタンデザイン15選です。<br />
こちらはホバーやフォーカス時の動きがちょっと可愛いものが多いです。</p><p>The post <a href="https://copypet.jp/1834/">コピペでできる！cssとhtmlのみで作るホバーがいい感じの気のきいたボタンデザイン15種</a> first appeared on <a href="https://copypet.jp">コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1834</post-id>	</item>
		<item>
		<title>コピペでできる！cssとhtmlのみでフォームのセレクトボックスをいい感じにするデザイン8選</title>
		<link>https://copypet.jp/797/</link>
					<comments>https://copypet.jp/797/#comments</comments>
		
		<dc:creator><![CDATA[copypet.jp]]></dc:creator>
		<pubDate>Mon, 05 Feb 2018 13:05:41 +0000</pubDate>
				<category><![CDATA[フォーム]]></category>
		<category><![CDATA[装飾系]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<guid isPermaLink="false">https://copypet.jp/?p=797</guid>

					<description><![CDATA[<div><img src="https://copypet.jp/https://i0.wp.com/copypet.jp/contents/wp-content/uploads/eyecatch797.png?fit=710%2C710&ssl=1" alt="copypet.jp" /></div><p>フォームはサイトにはかならず必要になってくるアイテムですが、わかりやすく間違えにくいものにしたいですよね。 わかりやすくていい感じのセレクトボックスを集めました。 また、最後の２つはラジオボタンを使ってセレクトボックスを [&#8230;]</p>
<p>The post <a href="https://copypet.jp/797/">コピペでできる！cssとhtmlのみでフォームのセレクトボックスをいい感じにするデザイン8選</a> first appeared on <a href="https://copypet.jp">コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</a>.</p>]]></description>
										<content:encoded><![CDATA[<div><img src="https://copypet.jp/https://i0.wp.com/copypet.jp/contents/wp-content/uploads/eyecatch797.png?fit=710%2C710&ssl=1" alt="copypet.jp" /></div><p>フォームはサイトにはかならず必要になってくるアイテムですが、わかりやすく間違えにくいものにしたいですよね。<br />
わかりやすくていい感じのセレクトボックスを集めました。</p>
<p>また、最後の２つはラジオボタンを使ってセレクトボックスを作っています。<br />
ピロっとでるプルダウンのデザインまで変更したい時はこちらが良いかもしれません。</p><p>The post <a href="https://copypet.jp/797/">コピペでできる！cssとhtmlのみでフォームのセレクトボックスをいい感じにするデザイン8選</a> first appeared on <a href="https://copypet.jp">コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://copypet.jp/797/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">797</post-id>	</item>
		<item>
		<title>コピペでできる！cssとhtmlのみでフォームのチェックボックスをわかりやすくするデザイン9選</title>
		<link>https://copypet.jp/774/</link>
					<comments>https://copypet.jp/774/#comments</comments>
		
		<dc:creator><![CDATA[copypet.jp]]></dc:creator>
		<pubDate>Sat, 03 Feb 2018 07:28:34 +0000</pubDate>
				<category><![CDATA[フォーム]]></category>
		<category><![CDATA[装飾系]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<guid isPermaLink="false">https://copypet.jp/?p=774</guid>

					<description><![CDATA[<div><img src="https://copypet.jp/https://i0.wp.com/copypet.jp/contents/wp-content/uploads/eyecatch774.png?fit=710%2C710&ssl=1" alt="copypet.jp" /></div><p>フォームはサイトにはかならず必要になってくるアイテムですが、わかりやすく間違えにくいものにしたいですよね。 チェックボックス[input type=&#8221;checkbox&#8221;]のデザインにエフェクトを追 [&#8230;]</p>
<p>The post <a href="https://copypet.jp/774/">コピペでできる！cssとhtmlのみでフォームのチェックボックスをわかりやすくするデザイン9選</a> first appeared on <a href="https://copypet.jp">コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</a>.</p>]]></description>
										<content:encoded><![CDATA[<div><img src="https://copypet.jp/https://i0.wp.com/copypet.jp/contents/wp-content/uploads/eyecatch774.png?fit=710%2C710&ssl=1" alt="copypet.jp" /></div><p>フォームはサイトにはかならず必要になってくるアイテムですが、わかりやすく間違えにくいものにしたいですよね。<br />
チェックボックス[input type=&#8221;checkbox&#8221;]のデザインにエフェクトを追加することで、<br />
今までよりワンランク上のわかりやすさを手に入れましょう。</p><p>The post <a href="https://copypet.jp/774/">コピペでできる！cssとhtmlのみでフォームのチェックボックスをわかりやすくするデザイン9選</a> first appeared on <a href="https://copypet.jp">コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://copypet.jp/774/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">774</post-id>	</item>
		<item>
		<title>コピペでできる！cssとhtmlのみでフォームのラジオボタンをわかりやすくするデザイン9選</title>
		<link>https://copypet.jp/749/</link>
					<comments>https://copypet.jp/749/#comments</comments>
		
		<dc:creator><![CDATA[copypet.jp]]></dc:creator>
		<pubDate>Fri, 02 Feb 2018 11:10:15 +0000</pubDate>
				<category><![CDATA[フォーム]]></category>
		<category><![CDATA[装飾系]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<guid isPermaLink="false">https://copypet.jp/?p=749</guid>

					<description><![CDATA[<div><img src="https://copypet.jp/https://i0.wp.com/copypet.jp/contents/wp-content/uploads/eyecatch749.png?fit=710%2C710&ssl=1" alt="copypet.jp" /></div><p>フォームはサイトにはかならず必要になってくるアイテムですが、わかりやすく間違えにくいものにしたいですよね。 ラジオボタン[input type=&#8221;radio&#8221;]のデザインにエフェクトを追加すること [&#8230;]</p>
<p>The post <a href="https://copypet.jp/749/">コピペでできる！cssとhtmlのみでフォームのラジオボタンをわかりやすくするデザイン9選</a> first appeared on <a href="https://copypet.jp">コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</a>.</p>]]></description>
										<content:encoded><![CDATA[<div><img src="https://copypet.jp/https://i0.wp.com/copypet.jp/contents/wp-content/uploads/eyecatch749.png?fit=710%2C710&ssl=1" alt="copypet.jp" /></div><p>フォームはサイトにはかならず必要になってくるアイテムですが、わかりやすく間違えにくいものにしたいですよね。<br />
ラジオボタン[input type=&#8221;radio&#8221;]のデザインにエフェクトを追加することで、<br />
今までよりワンランク上のわかりやすさを手に入れましょう。</p><p>The post <a href="https://copypet.jp/749/">コピペでできる！cssとhtmlのみでフォームのラジオボタンをわかりやすくするデザイン9選</a> first appeared on <a href="https://copypet.jp">コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://copypet.jp/749/feed/</wfw:commentRss>
			<slash:comments>4</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">749</post-id>	</item>
		<item>
		<title>コピペでできる！cssとhtmlのみでフォームのテキストエリアをわかりやすくするデザイン15選</title>
		<link>https://copypet.jp/692/</link>
					<comments>https://copypet.jp/692/#comments</comments>
		
		<dc:creator><![CDATA[copypet.jp]]></dc:creator>
		<pubDate>Thu, 01 Feb 2018 11:55:43 +0000</pubDate>
				<category><![CDATA[フォーム]]></category>
		<category><![CDATA[装飾系]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<guid isPermaLink="false">https://copypet.jp/?p=692</guid>

					<description><![CDATA[<div><img src="https://copypet.jp/https://i0.wp.com/copypet.jp/contents/wp-content/uploads/eyecatch692.png?fit=710%2C710&ssl=1" alt="copypet.jp" /></div><p>フォームはサイトにはかならず必要になってくるアイテムですが、わかりやすく間違えにくいものにしたいですよね。 テキストエリア[input type=&#8221;text&#8221;]のデザインにエフェクトを追加すること [&#8230;]</p>
<p>The post <a href="https://copypet.jp/692/">コピペでできる！cssとhtmlのみでフォームのテキストエリアをわかりやすくするデザイン15選</a> first appeared on <a href="https://copypet.jp">コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</a>.</p>]]></description>
										<content:encoded><![CDATA[<div><img src="https://copypet.jp/https://i0.wp.com/copypet.jp/contents/wp-content/uploads/eyecatch692.png?fit=710%2C710&ssl=1" alt="copypet.jp" /></div><p>フォームはサイトにはかならず必要になってくるアイテムですが、わかりやすく間違えにくいものにしたいですよね。<br />
テキストエリア[input type=&#8221;text&#8221;]のデザインにエフェクトを追加することで、<br />
今までよりワンランク上のわかりやすさを手に入れましょう。</p><p>The post <a href="https://copypet.jp/692/">コピペでできる！cssとhtmlのみでフォームのテキストエリアをわかりやすくするデザイン15選</a> first appeared on <a href="https://copypet.jp">コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://copypet.jp/692/feed/</wfw:commentRss>
			<slash:comments>15</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">692</post-id>	</item>
	</channel>
</rss>
