HOT CAT QUERY FEVERS

雑多な覚書と雑種のぬこ画像あり〼

web の小ネタ

普段使っていても意外と知らない文字実体参照

A ´´ && '' B ¦¦ \\ C ¢¢ ˆˆ :: ,, @@ ©© D ↓↓ °° ÷÷ $$ ˙˙ E …

scissors.jpg

Bootstrap 3 でキリトリセンを作る (画像:1枚)

glyphicon のハサミを使った「切り取り線」。 ポイントは、ハサミをちょっと回転させて、背景色をつけること。 閑話休題ないし Cut the C**p といった用途に適しているかも知れない。 表示例 テスト・テキスト・テスト・テキスト・テスト・テキスト・テスト・テキスト・テスト・テキスト・テスト・テキスト・テスト・テキ…

yg.png

Bootstrap 3 でカードを作る (画像:1枚)

Bootstrap 4b のカードを真似てみるテスト <style>img:hover{opacity:0.5;}</style> panel-primary <div class="panel panel-primary" style="width:350px;"> <div class="panel-heading" style="padding:0;min-height:400px"> <…

名称未設定.png

色名だけのカラーパレット (画像:1枚)

background-color:whitesmoke;color:darkgraybackground-color:snow;color:rosybrownbackground-color:mistyrose;color:lightpinkbackground-color:seashell;color:rosybrownbackground-color:linen;color:rosybrownbackground-color:antiquewhite;color:burlywoodbackground-color:blanchedalmond;color:lightsalmonbackg…

colspan と rowspan のできる・できない

table タグの colspan と rowspan における交差できるものとできないものの一例。 ソース下では配下を改行としたが、テーブル上は斟酌しない。 であれば徒に削除するより、何ら属性を補った上で、何ら要素を上重ねるべき? できる …

ニュースサイトで見かけた画像をCSSで起こすテスト

 ↓ ☻For the Record 三Spotify Announces New Hate Content and Hateful Conduct Public Policy ↓ <style> #test-wrapper { background: radial-gradient(circle at top right, mistyrose 50px, darkslateblue 500px); color: white; font: xx-large "Liberation Sans"; letter-spacin…