CSS Tips コレクション

1 ：03/12/05 〜 最終レス ：2012/12/19

CSSの簡単でかつ使えるソースをみんなで書きましょう。
・ソース簡略化のためコードはなるべく単純にしましょう。
・優しい人は応用編なんかも作ってあげましょう。
・実際に使う人のために使う際での説明書きをしましょう。
・人のソースを応用したりしてより良いスタイルを完成させましょう。
・ブラウザは特に問いません。

2 ：

　　　 _, ,_ 　ﾊﾟｰﾝ
　（´・ω・｀）
　　　⊂彡☆)),_ゝ´) >>1

3 ：

うるせー。
文句あんなら立派なもん張りやがれ！！

4 ：

乙>>1

5 ：

>>1
ブラウザ問わずにCSSなんて…
？

6 ：

　　(⌒＼　ﾉﾉﾉﾉ
　　　＼ヽ（ ﾟ∋ﾟ）
　　　　(m　　　⌒＼
　　　　　ﾉ　　　 / ／
　　　　 （　　 ∧ ∧
　　ﾐヘ丿　∩Д´；)←>>1
　　 (ヽ＿ノゝ　＿ノ

7 ：

ではまず>>1からどうぞ

8 ：

>>1
こんなスレを待っていた

9 ：

>>8
ｼﾞｻｸｼﾞｴﾝ?

10 ：

8 名前：1[age] 投稿日：03/12/05 20:58 ID:???
　　>>1
　　こんなスレを待っていた
書き込みの意図が分かりません

11 ：

盛り上げるために貼ってやるか。
a:link,a:active,a:visited {
text-decoration: none;
}

12 ：

>>8
禿同

13 ：

盛り上げるために貼ってやるか。
* { display:none }

14 ：

ではこんなのを
body {
scrollbar-face-color : #000000;
scrollbar-highlight-color : #000000;
scrollbar-shadow-color : #696969;
scrollbar-3dlight-color : #696969;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #696969;
}

15 ：

盛り上げるために貼ってやるか。
body { cursor: wait }

16 ：

* { display:anus }

17 ：

これはすごいよ
font-size: 35pt;

18 ：

盛っこりするために貼ってやるか。
ttp://www.club-star.jp/saitama/cgi-bin/image-box/himeimg-box/img20031205192530.jpg

19 ：

>>16
ｷｬｯ! （＞＜）

20 ：

誰か「HTML Tips コレクション」立ててくれ
使える串が切れた・・・

21 ：

>>20
そんなスレが必要だとでも？

22 ：

見易さというかなんというか
DIV { line-height:1.2 }
行間が気持ち広がるので、文章が見やすくなると思うが…
長文書く場合とかは結構使うと見る人に優しいと思うがどうだろう。

23 ：

長文なのに何故にDIVとか突っ込んでみるテスト

24 ：

盛り上げるために貼ってやるか
body { display: none; }

25 ：

>>24
>>13

26 ：

body:before{content:"ヽ(`Д´)ﾉ"}
body:after{content:"（´Д⊂"}
IE不可

27 ：

img[src^="mailto:"]{display:none}
mozillaで確認。ユーザーCSSにいれとけ。mailto storm回避できる（多分）。
偶然見つけた。仕様を利用したテク？

28 ：

これでも見て勉強しろよｵﾒｰﾗ
DIV { line-height:1.2 }

29 ：

DIV { font-size:80% }
文字が小さくてかっこよくなる

。

30 ：

p {
line-height:140%;
text-indent:1em;
}

31 ：

* { filter:alpha(opacity=0,finishopacity=70,style=2,startx=0,starty=0)　}
半透明フィルターがかかって、括弧良くなりますよ。IE限定なのは残念ですが・・・

32 ：

*{-moz-opacity:70%}

33 ：

Rーは自サイトでやれよ

34 ：

乙>>1

35 ：

1 { display : none }

36 ：

DIV { font-size:80% }

37 ：

kai-#kai/rQnSpY { display:none }

38 ：

/* >>37 */

39 ：

ちょっとこのスレは面白いと思った。

40 ：

body　{　font-size:　100000%;　}
これ

41 ：

body　{　line-height:　1px　}
これ意外と面白かった

42 ：

それはつまり俺が面白いってことでよろしいですか？
CSSなんてまともに使ってるサイトあるの？
個人サイトでお化粧してるだけの言語だと思ってるんだけど。

43 ：

ネタでageられるとウザイだけなんだが。

44 ：

あげても実害ないだろ

45 ：

ウザイってだけだよ。

46 ：

俺のために喧嘩するなよ。

47 ：

　　　 _, ,_ 　ﾊﾟｰﾝ
　（　・д・）
　　　⊂彡☆))Д´） ←>>42
　　　 _, ,_ 　ﾊﾟｰﾝ
　（　｀д´）
　　　⊂彡☆))Д´） ←>>44
　　　 _, ,_ 　ﾊﾟｰﾝ
　（　・ω・）
　　　⊂彡☆))Д´） ←>>46

48 ：

CSS＝化粧っていうのは、まーなんつーか、その通りなんだが。

49 ：

俺は嘘つかないからな。

50 ：

>>49
あ！嘘ついた！

51 ：

合コン1次会.下心 { display:none }

52 ：

　　|
　　|　　　∧＿∧ ∧∧　ﾊﾆｬｰﾝ!!
　　|　　 (=(*ﾟーﾟ(>>50；)｡ﾟ
　　|　　 （　　　つと　　つノ
　　|　　　 Ｙ　 人≡ヽ　 ,⊃
　　|　　　（＿_）`Ｊ≡ し'
￣￣￣￣￣￣￣￣￣￣￣￣￣

　　|ゴッ！
　　|　ｼｨｨｨｨ!!!
　　|;∧∧≡ ∧＿∧
　��;'>>50)と(ﾟーﾟ*)=)
　　|`とと ヽ≡ヽ　　　つ
　　|　　ヽ　　） ﾉ　 人
　　|　　　し'ヽ)（＿_）`Ｊ
￣￣￣￣￣￣￣￣￣￣￣￣￣

53 ：

　　　／⌒ヽ
　　/　´_ゝ`） すいません、ちょっと通りますよ・・・
　　|　 　　/　
　　| /|　|
　 //　| |
　Ｕ　 .Ｕ

54 ：

俺のティムポでもしゃぶれ

55 ：

　　　　　　ｼﾈ
　（　ﾟ∀ﾟ）
　　　⊂彡☆))Д´） ←>>54
　　　　　　ｼﾈ
　（　ﾟ∀ﾟ）
　　　⊂彡☆))Д´） ←>>54
　　　　　　ｼﾈ
　（　´ﾟдﾟ｀）
　　　⊂彡☆))Д´） ←>>54

56 ：

>>1
乙

57 ：

ところで俺のティムポをしゃぶりたい奴はまだか？

58 ：

ノシ

59 ：

ノシ

60 ：

>>51
下心.一次会 { display:none }
こっちのが正しいだろ。

61 ：

こうかな。
@place 一次会 {
    下心 { display:none }
}

62 ：

γ⌒／＾＾／＾-
　　　　　　　　　　　　　　 ,ゝ｀/〜　/〜　/〜　 /⌒
　　　　　　　　 　　_　　〈（_|　　|　|〜　　|〜　 /＾ ）
　　　　　　　　　　　　(/〜　/〜　/〜　/〜　〜　/〜　/＾＼
　　　　　　　　　　　（）/)/〜　/〜　|〜　　　 .|〜　|〜　|〜　/）
　　　　　　　　　　　へ＾〈,|,,､,,|,,､,,,,,|〜,,,,､〈〜,, 〈〜　/⌒|）＼
　　　　　　　　　　|:::::::　　　゛　　゛ 　　　　　　　　　,,,,;;::'''''ヽ
　　　　　　　　　　|::::::::　　　　　　,,,,;;:::::::::::::::　　　　　　　__ ヽ
　　　　　　　　　　|:::　"　　　＿＿　　　　::::　　　　　＜'●,　|
　　　　　　　　　┌―.　- '"-ゞ,●＞　　　::::::...　　　　　　　　 |
　　　　　　　　　 |　|￣..　　　　　　　　　 :::::::　　　　　　　 　 |
　　　　　 　　　　ヽ.＼{＿　　　　　　　　　　　(　○ ,:○)　　　|
　　　　　　　　　　　＼＼/.　　　　　　　　　　　　　　　　　　 |
　　　　　　　　　　　　 ＼＿ヽ.　　　　　　　 __,-'ﾆニニヽ .　 |
..　　　　　　 　　　　　　　　　ヽ.　　　　　　　　ヾニ二ン" 　/
　　　　　　　　　　　　　　　　＼　　　　　　　　　　　　　　　/
　　　　　　　　　　　　　　　　　｜　　　　　　　　　　　　　　｜
　　　　　　　　　　　　　　　　　｜　　　　　　　　　　　　　　/
　　　　　　　 　　　　　　　　　ヽ＼　　　　　　　　　　　　　/
　　　　　　　　　　　　　　　　 　l　　`ｰ-::､_　　　　　　　,,..'|ヽ.
　　　　　　　　　　　　　　 　　:人　　　　　　`ー――''''' 　/　ヽ
　　　　　　　　　　　　　　＿／　　`ｰ-､　　　　　　　　　 ,.-'"　　 ＼ー-､
　　　　　　　　 　　,.-'"　　＼:　　　　　 ＼　　　　　 .,.-''"　　　　 |
　　　　　　　　　／.　　　　　＼　　　　　　　 〜＞､,.-''"　　　　　　|
　　　　,,..-‐'''""　　　　　　　　ヾ　　　　,.-''"| 　　　/――――､/
りんら　ろるらりろうりらお　りんらろくろららろー　りれっろはりろるにおりり

63 ：

一次会>下心{visibility:hidden}
下心が無いわけじゃないんだからdisplay:noneは違うと思われ

64 ：

経歴 { visibility:hidden; }
消したいものがいっぱいだ世の中は。

65 ：

{tinko-weight:bold}

66 ：

世の中は悲しみに溢れているよ。。。

67 ：

　　　　　　ｼﾈ
　（　ﾟ∀ﾟ）
　　　⊂彡☆))Д´） ←>>1
　　　　　　ｼﾈ
　（　ﾟ∀ﾟ）
　　　⊂彡☆))Д´） ←>>1
　　　　　　ｼﾈ
　（　´ﾟдﾟ｀）
　　　⊂彡☆))Д´） ←>>1

68 ：

　　　　　 ∩　ﾊﾟﾊﾟﾊﾟﾊﾟｰﾝ
　（　ﾟ∀ﾟ） )))☆　
　　　⊂彡☆)),_ゝ´） ←>>1

69 ：

　　　 ∩　ﾊﾟﾊﾟﾊﾟﾊﾟｰﾝ
　（　ﾟ∀ﾟ） )))☆　
　　　⊂彡☆)),_ゝ´） ←>>68

70 ：

　　　_, ,_　　∩　ﾊﾟﾊﾟﾊﾟｰﾝ
　（　・д・） )))☆　
　　　⊂彡☆)),_ゝ´） ←>>69

71 ：

　　 ∩　ﾊﾟﾊﾟﾊﾟﾊﾟｰﾝ
　（　ﾟ∀ﾟ） )))☆　
　　　⊂彡☆)),_ゝ´） ←>>70

72 ：

　　 ∩　ﾊﾟﾊﾟﾊﾟﾊﾟｰﾝ
　（　ﾟ∀ﾟ） )))☆　
　　　⊂彡☆)),_ゝ´） ←>>70

73 ：

　　 ∩　ﾊﾟﾊﾟﾊﾟﾊﾟｰﾝ
　（　ﾟ∀ﾟ） )))☆　
　　　⊂彡☆)),_ゝ´） ←>>74

74 ：

>>73
もっと・・・もっとだ香織・・・

75 ：

　　　 _, ,_ ∩　 ﾊﾟﾊﾟﾊﾟｰﾝ
　（　・ω・） )))☆
　　　⊂彡 ☆))з´)>>76

76 ：

>75
あと64回・・・

77 ：

ｵﾗｵﾗｵﾗｵﾗｵﾗｵﾗｵﾗｵﾗｵﾗ＿ー￣＿￣）’, 　・　∴.'ｵﾗｵﾗ， ．. ∧_∧　∴.' ｵﾗ
ｵﾗｵﾗｵﾗｵﾗｵﾗｵﾗｵ∧　--＿- ― ＝￣　￣`:,　.∴）'ｵﾗｵﾗｵﾗ( >>76 ) ｵﾗｵﾗｵﾗ
ｵﾗｵﾗｵﾗｵﾗｵﾗｵ,　-''￣　　＝　＿＿――＝',　・,‘　ｒ⌒>ｵﾗ_／ ／ ・,‘ ｵﾗｵﾗｵﾗ
ｵﾗｵﾗｵﾗｵﾗｵ／　　＿-―　￣＝＿　　）":"　. 　’ |　ｙ'⌒　　⌒i .'　 ∴.' ｵﾗｵﾗｵﾗ
ｵﾗｵﾗｵﾗｵﾗ/　　　ノ　￣＿＝＿　　`　））,∴.　）　|　　／　　ノ ｜∴.'∴.' ｵﾗｵﾗｵﾗｵﾗ
ｵﾗｵﾗｵﾗｵ/　　, ｲ ）　　　　＿　）￣＝＿）　　　＿）, ー' 　／´ヾ_ﾉ ｵﾗｵﾗｵﾗｵﾗｵﾗｵﾗ
ｵﾗｵﾗｵﾗ/　 　_,　＼　　）＿　＿ ）＝　　＿）ｵﾗｵ／　,　　ノｵﾗｵ∴.'ｵﾗ∴.' ｵﾗｵﾗｵﾗｵﾗ
ｵﾗｵﾗｵﾗ|　　/ ＼　 `､　　　　　＝　＿）ｵﾗｵﾗ／　／ ／∴.'　∴.' ｵﾗｵﾗｵﾗｵｵﾗｵﾗｵﾗ
ｵﾗｵﾗｵﾗｊ　 /ｵﾗｵヽ 　|ｵﾗｵﾗｵﾗｵﾗｵﾗｵﾗｵ／　／　,'ｵﾗｵﾗｵﾗｵﾗｵﾗｵﾗｵﾗｵﾗｵﾗ
ｵﾗｵﾗ ／　ノｵﾗｵﾗ｛ 　|ｵﾗｵﾗｵﾗｵﾗｵﾗｵ／　 ／| 　| ｵｯｽｵﾗｺﾞｸｳｵﾗｵﾗｵﾗｵﾗｵﾗｵﾗ
ｵﾗ ／　／ｵﾗｵﾗｵﾗ|　（_ｵﾗｵﾗｵﾗｵﾗｵﾗ!､＿／ / 　 〉ｵﾗｵﾗｵﾗｵﾗｵﾗｵﾗｵﾗｵﾗｵﾗ
ｵﾗ `､＿〉ｵﾗｵﾗｵﾗｵー‐‐`ｵﾗｵﾗｵﾗｵﾗｵﾗｵﾗｵ|_／ ｵﾗｵﾗｵﾗｵﾗｵﾗｵﾗｵﾗｵﾗｵﾗ

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　糸冬

78 ：

　　　 _, ,_ ∩　 ﾊﾟﾊﾟﾊﾟｰﾝ
　（　・ω・） )))☆
　　　⊂彡 ☆)),_ゝ´)>>78

79 ：

あぼーんされてるヤツのせいで自虐になっちまったじゃねーか！

80 ：

ﾌﾟｯ

81 ：

　　　 _, ,_ ∩　 ﾊﾟﾊﾟﾊﾟｰﾝ
　（　・ω・） )))☆
　　　⊂彡 ☆)),_ゝ´)>>80

82 ：

kai- ◆kai/rQnSpY Rよ、、

83 ：

何故私が死なねばならんのですかｗ

84 ：

>>466
お前問題欲しいだけだろ。Rよ。

85 ：

誰に言ってる！
　　　 _, ,_ ∩　 ﾊﾟﾊﾟﾊﾟｰﾝ
　（　・ω・） )))☆
　　　⊂彡 ☆)),_ゝ´)>>84

86 ：

　　　　|　　　　　ｺﾔﾂﾒ ﾊﾊﾊ　　　　ﾊﾊﾊ
　　　　|　　('A`)　　　　　 　 　('A`)
　　　／￣ﾉ( ﾍﾍ￣￣￣￣　ﾍ/ﾍﾉヽ　￣￣￣

87 ：

あーじゅ

88 ：

>>14
ero-ero w

89 ：

>>31さん、これどうなるんだ？
<style type="text/css"><!--

style{
filter:alpha(opacity=0,finishopacity=70,style=2,startx=0,starty=0)　
}
--></style>

90 ：

body { line-height:30px;}
p { text-indent:1em; }

91 ：

font-color: 12px

92 ：

>>1 { display : none; }

93 ：

>>1:after { content: 'R;' }

94 ：

どうしてこう糞スレばっか踏むんだ俺は…＿|￣|○

95 ：

>>94
糞スレ踏んで、スルーできずに書き込んでしまうような頭だからだろうね。

96 ：

>95
俺もオマエも>94もな…(ｗ

97 ：

>>96
糞スレだとは思ってないんですが(w

98 ：

cssｽﾚは糞ｽﾚじゃないですよね。ckzqGoABさん。

99 ：

　

100read 1read

1read 100read
TOP カテ一覧 スレ一覧 2ch元 削除依頼 ▲

Baiduspiderウザすぎ！！　ヽ(`Д´)ﾉ (618)
自分のサイトやブログに自分の顔写真載せてる奴 (315)
サイト作るの楽しいね(*´･ω･)(･ω･｀*)ﾈｰ Part2 (452)
【Android】スマホサイト作成スレ【iPhone】 (330)
HPを更新したらageるスレ Part2 (521)
Web制作者が愚痴るスレ 13クレーム目 (658)
--log9.info------------------
棋譜を晒して強くなろう〜囲碁添削スレッド11 (234)
【復活】こんな○○は嫌だ！！！！【囲碁】 (948)
【オセロ】アットホーム北関東マジパネェｗｗｗ (604)
【ハンゲーム】オセロ総合part6【聖地は池沼】 (609)
モバリバゅぅなぁ☆★ (807)
青葉かおりのお見合い相手を検討するスレ(1局目) (876)
定石の疑問点を検討するスレ　10 (502)
●○囲碁きっず　7Ｑ●○ (434)
どうして囲碁は将棋よりも人気がないのか？2 (544)
3日でネット碁デビューするスレ　その9 (751)
●中島知子●○松嶋尚美○パート８ (852)
みんなで自由に打っていくスレ in囲碁板 その50 (377)
○●囲碁 雑談・雑学・質問スレッド 第31局○● (567)
碁会所に行ってみたいけど勇気が出ない (224)
【完全解析】碁の神とトッププロの差 (444)
激突！リバーシパーク (834)
--log55.com------------------
【〓】好きなデザインの国旗は？【¶¶】
みんなどこの板から来てるの？
パチンコ大好き芸人（アメトーク）
サブカルなＴＶゲーム
ももいろクローバーZ@サブカル板01
サブカル臭ただようアニメについて語るスレ
好きな事書いて消えるスレ
P-MODEL　Part4