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

HPを更新したらageるスレ Part2 (525)
関東圏のＷｅｂ作成会社 (379)
【ラクできず】楽天RMS【儲からないシステム】 (353)
Dreamweaver Fireworks♪Macプロ（その23） (519)
楽天市場むかつく人の数　→ (607)
独自拡張、草案段階のCSSについて語れ (369)
--log9.info------------------
◆ 食と旅のフーディーズTV 10 (713)
東経110度CS放送（e2の空き枠）に入って欲しいCH (750)
◆ KNテレビジョン 6 (335)
◆ スペースシャワー TV 22 (891)
◆ ミュージックビデオ専門/VMC Part.8 (774)
◆ エキサイティング・グランプリ 3 (242)
◆ エンタメ〜テレ☆シネドラバラエティ (346)
スカパーさんおねがい、 (265)
◆ EXエンタテイメント 4 (450)
◆ AXN 11 (870)
◆ KBS WORLD 19 (332)
◆ Mnet 3 (350)
◆ STAR digio 11 (869)
ガイド誌買ってる？ 5冊目 (514)
◆ FIGHTING TV サムライ 3 (407)
スカパーのカスタマーセンターについて (225)
--log55.com------------------
【有線】どのイヤホンを買えばいいかここで聞け49
【有機EL】Panasonic有機ELテレビ VIERA総合Part7
サウンドバー/シアターバー/サウンドベース総合21
【HD/4K/OLED】LG TV総合 Part12【樂喜金星】
【HMD】HTC VIVE Part24【HTCvive】
ヘッドホンは beyerdynamic))))53
東芝 4K REGZA(レグザ)総合 64
【有機EL】SONY有機ELテレビ BRAVIA 総合Part18