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元 削除依頼 ▲

スパム業者のIPブラックリスト (669)
【インクリメントP】ネットショップオーナー その3 (753)
【インクリメントP】ネットショップオーナー その3 (753)
愛知県のWeb制作会社 (444)
【jQuery】JavaScript ライブラリ総合質問所 vol.2 (384)
ＷｉｎのＩＥ６はそろそろ見捨てていいですか？ (922)
--log9.info------------------
猫用全自動トイレ (265)
日本犬保存会　天然記念物 (822)
☆こげんた事件 (555)
犬の散歩にもの申す (690)
差別偏見?　ニトリで犬同伴トラブル part4 (664)
【黒ﾑﾂﾄﾘｵ】猫だもの。【ライム・メルモ・お蝶】3 (745)
■千葉県動物病院情報part7かな■ (540)
私信 まるです。4 (244)
【ﾓﾌﾓﾌ】世界最大メインクーン13匹目【甘えんぼ】 (297)
一人暮らしで猫を飼う　40人目 (369)
【キチガイ】ペット里親会【隔離】 (712)
【情報】 犬猫里親ボランティア 20 【ヲチ】 (900)
アメリカンピットプルテリア (232)
【マイケル】茶トラについて〜15お茶会【ネコナデ】 (974)
●● キャバリア・K・C・スパニエル　その15 ●● (776)
■☆■ 緊急！ペット失踪・捜索案内スレ ９ ■☆■ (475)
--log55.com------------------
【東京〜札幌】北海道新幹線283【4時間以内】
【東武､西武､京成､京王】関東大手私鉄車両総合スレッド part4【小田急､東急､京急､相鉄】
【あずさ】中央東線総合スレ トタM82【かいじ】
【仕事の合間にiQOSを吸うのが幸せや！】阪急電鉄車両スレッド80【谷垣太一】
北陸新幹線敦賀以西ルートスレ【ワッチョイなし】★245
架空の車両形式・番台スレ・懐鉄編
【下山定則】歴代国鉄総裁を語ろう【杉浦喬也】
【寝台】開放派？個室派？【ﾛﾈ・ﾊﾈ】