【初心者向け】HTMLタグに直接CSSを指定して使える囲み枠いろいろ - おとなんつづり
ブログを書いていると、文章を枠で囲んで表示させたい時がありませんか。 でも実際にどう書けばよいのか私を含め初心者には少々難しいですよね。そこで今回は、先輩方のサイトを参考に自分なりに加工した囲み枠をご紹介します。 はじめに タイトル付き囲み枠 色タイトル付き・角丸 色タイトル付き・四角 枠の中に入ったタイトル タイトルなし囲み枠 シンプルな囲み枠・少し小さめ シンプルな囲み枠・画面いっぱい 見出し代わりや目立出せたい文字に 同じ色を使った囲み枠と下線セット 短い囲み枠（ボタン風） 左寄せボタン風 中央ボタン風 右寄せボタン風 最後に 追記 はじめに 本格的にブログをはじめて、ようやく１年が経とうとしています。 CSSもHTMLも詳しくない私は、枠を１つ使うにも時間がかかって大変でした。ひょっとして、同じように苦労されている方がいらっしゃるんじゃないでしょうか。 そこで今回は自分で使って便利
minamura.jp
The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
【SEO対策】見出し部分のh3をh2へと一括で置換する方法 - 月無ことのは日記
2016 - 11 - 08 【SEO対策】見出し部分のh3をh2へと一括で置換する方法 ブログテクニック ブログテクニック-SEO Twitter Google Pocket スポンサーリンク 【最終更新日2016年11月20日】 ※ id:sea295x2 さんからブコメにてご指摘を頂きました、ありがとうございます！内容を一部追記しております。 どうも、月無ことのは( @tukinasikotonoh )です。 今回は最近僕が見つけた はてなブログ のちょっとした 見出しテクニック を紹介していきたいと思います。 本格的にはてなブログで記事を書き始めるようになったの 10/8 からなので、今日でちょうど 1カ月 になります。 「なにか新しいことを始めるときは先人の知恵を借りる」 というのが僕のモットーなのでこの1カ月は色んな方のブログを参考にして、自分のブログ 「月無ことのは日記」 を
はてなブログのidとかclassとか - kyabana's blog
はてなブログで「デザインテーマコンテスト」が開催されています！ オリジナルデザインを投稿してAmazonギフト券を当てよう！ 「はてなブログ デザインテーマコンテスト」開催 - はてなブログ開発ブログ 使われている"id"や"class"がわかっていると デザインしやすいのでザックリさらってみました。 おおよそこんな感じ。 body（トップページで.page-index、記事ページで.page-entryが追加）div#globalheader-containeriframe#globalheader（ヘッダ[メニューやHatena Blogロゴ、Hatenaロゴなど]）div#containerdiv#container-innerheader#blog-titlediv#blog-title-inner（タイトル画像）h1#title（ブログ名）h2#blog-description（
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
<fieldset>タグについて