お問い合わせボタンなど、ボタンのサンプルです。 お問い合わせボタン 問い合わせフォームへのリンクボタン aタグをCSSでボタン風に表示。また、「Font Awesome」のアイコンの配置。 See the Pen contact-btn1 by yuichi (@yhamada1205) on CodePen. 問い合...

リストを横に並べてメニューを作成するサンプル。 区切りありのシンプルなメニュー 「display: inline-block;」とすることでリストタグを横並びにすることが可能。また、「list-style: none;」とすることで、リストの先頭プレフィックスを非表示にすることが可能。 See the Pen navi...

基本的な使い方 CSSで、「display: flex;」を設定することで横並びにレイアウトをすることが可能。 See the Pen bGqEEjq by yuichi (@yhamada1205) on CodePen. 配置方向の設定 配置方向の設定は、「flex-direction」で設定をする。 flex-d...

PHPで全角スペースのトリム(trim)を行う方法です。 function mb_trim($str) { return preg_replace('/＼A++|++＼z/u', '', $str); }...