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

独自拡張、草案段階のCSSについて語れ (369)
+ JavaScript の質問用スレッド vol.104 + (890)
WordPressでWebサイトを製作して困った人のスレ (262)
.htaccess質問コーナー Part8 (758)
関西圏のWEB制作会社 4 (480)
.htaccess質問コーナー Part8 (758)
--log9.info------------------
【涼宮ハルヒの憂鬱】朝比奈みくるpart39【未来人】 (661)
【Fate/Zero】ランサー　魅了7人目 (235)
【僕は友達が少ない】三日月夜空に萌えるスレ (532)
【涼宮ハルヒの憂鬱】阪中佳実 Part12.1【なのね】 (377)
【俺妹】田村麻奈実スレ 3【――おこるよ？】 (572)
∞三島作品の名キャラ＆名文句∞ (354)
【涼宮ハルヒの驚愕】渡橋ヤスミに萌えるスレ (340)
【涼宮ハルヒの憂鬱】谷口 WAWAWA忘れ物13.1回目 (235)
【マクロスF】早乙女アルトを愛でるスレ (445)
(o^^)o★CanCam☆Part67★o(^^o) (983)
.:*･゜（n‘∀‘)η美人百花（n‘∀‘)ηﾟ.:*゜ (524)
雑事★処理 (370)
【ナックルズ】ミリオン出版�A【メンナク】 (746)
【西内まりや】Seventeen Part99【鈴木友菜】 (383)
【プロ書評】吉田豪のR人生10【コピペ】 (367)
【人非人】週刊新潮＆週刊文春スレPART4【御用達】 (490)
--log55.com------------------
顔がドブスすぎて日常生活に支障をきたしている喪女
パンツ見られたい女
モテないし酒でも呑むか77杯目
Rなど性的虐待が心の傷になっている喪女
俺達は重度のドライブ依存症[3万�`/年以上]　#2
九州の喪女雑談スレ　Part15
クラシック音楽をこよなく愛する喪女
喪女と生理【月経】