CSS Tips コレクション

1 ：03/12/05 〜 最終レス ：11/09/21

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 ：

ーは自サイトでやれよ

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 よ、、

83 ：

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

84 ：

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

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: ';' }

94 ：

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

95 ：

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

96 ：

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

97 ：

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

98 ：

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

99 ：

　

100read 1read

1read 100read

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

お前ら！HPのタイトル考えてもらえると幸いです ５ (359)
個人サイトの分岐点〜ＨＩＴ数が急増した刻 (245)
【ｱｸｾｽUP】■携帯電話検索エンジン ３■【ﾎﾟｰﾀﾙ】 (212)
フリーになりたい会社員webデザイナー (901)
【イカれた】goo テレビ番組ナビ【横幅】 (483)
お前ら！HPのタイトル考えてもらえると幸いです ５ (359)
--log9.info------------------
茅原実里〜みのりん〜 チロルチョコ314個目 (270)
井口裕香　Part56 (297)
悠木碧ちゃんを応援しよう 45 (290)
豊崎愛生 　Part 271 (476)
今井麻美(ミンゴス)を語るスレ Part119 (715)
國府田マリ子【44】 (704)
野川さくらpart56 (477)
田中理恵 part114 (299)
【不安定声】悠木碧 ｱﾝﾁｽﾚ4【写真集爆死】 (301)
【蘭姉ちゃん】山崎和佳奈　part9 (550)
中村悠一　Part33 (826)
小倉唯アンチスレ part2 (301)
【ﾌｧﾝﾌﾞﾛｸﾞ監視】諏訪部順一アンチスレ19【ｲｪｱ!】 (841)
平川大輔スレ１３ (524)
中島愛アンチスレ87 (645)
林原めぐみファンスレ107 (535)
--log55.com------------------
D J N O B U
名古屋でまともなクラブ教えてください
ふかわりょう
{smoker} DJ NORI {loop}
【YOJI】十周年だぜヘルハウス
【hadytrax】スクラッチPortablist r【PT-01】
春風
ニコ生marsは嫌われ者(其の２）