これは驚きの、CSSだけで作れる吹き出しボックス:phpspot開発日誌
Fun With CSS Shapes - Nettuts これは驚き！CSSだけで作れる吹き出しボックス。 次のような吹き出しが、画像を一切使わずにCSSだけで実現できてしまうようです。 HTMLコードをちょっと分かりやすいようにダイエットしてみたものが以下。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> blockquote {
cssのクラスを偶数行、奇数行で変えたい - satake7’s memo
こういうふうにテーブルの行の背景色を変えたいときに使えるヘルパーが「cycle」です。 もともとは「<% i += 1 %>」、「<%= (i%2 == 0) ? 'even' : 'odd' %>」としていたので、あまり手数は変わらないのですが、偶数奇数の判定にわざわざループ変数持ち出すのもねぇと思っていたので。こちらの方がスマートです。 <table id="table"> <% for item in @items %> <tr class="<%= cycle('even', 'odd') -%>">こうしておいて、cssをこんなふう(↓)に書くと、行の背景が水色と白の交互になります。 #table tr.even td { BACKGROUND: #edf3fe; /* 偶数行：薄い水色 */ } #table tr.odd td { BACKGROUND: #FFFFFF; /
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
