1px欠けの角丸ボックスをCSSだけで作る方法｜web bibo
スタイルシートだけで1px欠けの角丸を作る方法です。この角丸を使用することでシャープすぎるボックスを少し柔らかい印象にすることができます。 HTML 下記の通りHTMLを記述します。 <div class="outer"> <div class="inner">1px rounded corners</div> </div> ボックスにボーダーを付けない場合 .outer { margin: 0px 1px; padding: 1px 0px; background: #0cc; } .inner { margin: 0px -1px; background: #0cc; } ボックスにボーダーを付ける場合 .outer { margin: 0px 1px; background: #E4F2FF; border-top: 1px solid #B1C6D9; border-bottom:
続・続Operaのパネルでtwicliを使う - MOMIZINE
twicliの特徴はWebブラウザベースのTwitterクライアントなところです。なのでCSSを駆使してカスタマイズを施すとこれぐらい変更することができます。って例を紹介します。 ご存知m.twitter画面を意識したSkinに近いCSSです。 でも作っている途中で需要がないってこと気がついていますよ。 ダウンロード mb-m.twitter-like-twicli.css Stylish用は無し ユーザスタイルシートとして適応する場合は、twicli側の▼Preferences>User stylecheatを綺麗に消してから利用してください。上記CSSの内容をtwicli側のstyleatに全部貼り付けても多分動くと思います。twicliとっつきにくいよーって人はこんなのから使っt...うわけがない。 そろそろtwicliネタは尽きてきたと思ったタイミングで色々とアップデートされて面白
画像の使用を極力控えてかっこいいCSSデザインをやってみよう
Latest topics 2019.01.22 長々と運営していましたが、本日を以て大会を終了とさせていただきます。沢山の方にご参加いただきましたこと、まことに嬉しく思います。Galleryは閲覧可能ですので、懐かしい気持ちになりつつご覧いただければと思います。 2007.04.15 公式html内に一箇所文字の誤りがありました。詳しくは2007-04-15のメモに書いておきました。要素の変更や構造の変更に変化は無いので、CSSを書く作業には影響がないのですが、気になる方はURIを参照して下さい。 Galleryが開通しました。フォームで選択してぽちっとするとサムネイルが表示されます。サムネイルをクリックすると、CSSデザインが適用された個別ページが表示されます。 よくありそうな質問に、CSSデザインは１人何個でも提出できる旨を追記いたしました。 2007.04.13 よくありそうな質問
CSS着せ替えテンプレート企画
CDPで用いられているHTML 4.01は最新のバージョンの仕様ではなく、2018年には「Superseded Recommendation（古いもの）」のステータスになっています。 直ちにCDPがブラウザで表示できなくなるということはないですが、 現在CDPを使っている方やこれから導入を考えている方は、より新しい仕様に書き換えての使用を強く推奨します。 2019年6月追記 基礎HTMLをダウンロードしたい方は基礎HTML配布にアクセスしてください なぜこういった形態の配布法をしているのか知るためにはユーザーMENUにアクセスしてください 配布されているCDPを探したい方はCSS配布サイトリンクを利用してください CDPのCSSを自身で作成し配布したい方は制作者MENUにアクセスしてください 疑問点があったり理解を深めたい方はFAQにアクセスしてください このサイトについて CSS着せ替え
シンプルなテキスト・HTMLエディタ Crescent Eve (フリーソフト)
Crescent Eve はシンプルなエディタです。 こだわりの基本機能とHTML編集機能を持っています。 【雑談】 ある日のふとした疑問 ～ HTMLを書く道具 ～ ある日、メモ帳等のテキストエディタでHTML書いている人が意外に多いことに気がつきました。 「多機能で優秀なHTMLエディタは沢山あるのに、なぜかな」 「もしかして、軽くてシンプルなSDI形式のHTMLエディタが求められているのだろうか」 「よし、作ってみよう！」 「あくまでシンプルに、テキストエディタとしても使えるようにして、タグはキーボードから自然に入力補完できるようにしよう」 「手作業でタグを打ち込んだら間違いが出るから、文法チェック機能をつけよう」 「文字コードの自動認識は、絶対失敗しないようにしよう」 ・・・というような考えから Crescent Eveを開発することにしました。 その後 公開以来、多くの方に好評を
名前とコメントを二段にわけて見やすくする方法 - 酔拳の王 だんげの方
↓ 追記 これだと現在の状況にあっていないため 変更を書きました。 ◆酔拳の王 だんげの方 - コメント欄を二段にして見やすくする 改定版 CSS 2007/08/15 /***** コメント二段追加部分 *****/ div.commentshort p { padding: 1.5em 0.2em 0em 0.2em; text-indent: 0em; position: relative; top: 0px; left: 0px; } span.commentator { padding-right: 18px; text-decoration: none; font-weight: bold; position: absolute; top: 0px; left: 0px; } /*****ここまで *****/ 上記を 管理→デザイン→詳細 とすすんで、スタイルシートの一番下に
Hints of fonts on the web -- Introduction
Section 1：概説 Section 2：画像化テキスト Section 3：サンセリフ欧文(1) Section 4：サンセリフ欧文(2) Section 5：サンセリフ欧文(3) Section 6：セリフ欧文(1) Section 7：セリフ欧文(2) Section 8：セリフ欧文(3) Section 9：草書系・筆書系欧文(1) Section 10：草書系・筆書系欧文(2)・装飾系欧文 Section 11：等幅欧文・その他の欧文 Section 12：ゴシック系和文(1) Section 13：ゴシック系和文(2) Section 14：明朝系和文(1) Section 15：明朝系和文(2) Section 16：その他の和文 Appendix A：無償利用できるフォント Appendix B：Windows の標準フォント Appendix C：PostScript
font-family のお約束 | なつみかん。
font-family のお約束 2006.03.30 Thursday １行目に @charset を必ず入れる 後述する日本語フォント指定のため。IE や Safari などのメジャーなブラウザでは書かなくても問題ありませんが、その他のブラウザ（ Firefox や Camino、Netscape など）では書かないと無効になるそうです。この宣言は一番最初に、ではなく必ず１行目に（改行不可）。@charset の前に /* charset */ など半角英数字だけでコメント入れるのも不可です。 @charset "Shift_JIS"; UTF-8 なのか EUC-JP なのか Shift_JIS なのかはmiなどの各種エディタでご確認下さい。 日本語でもフォント指定する 主にMacの問題ですが、 font-family: "Hiragino Kaku Gothic Pro" と半角英
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
worldending.jp
[CSS]アイデア満載のスタイルシートのテクニック30選 | コリス
http://www.stylish-style.com/csstec/csstec-top.html
はてなブログ | 無料ブログを作成しよう