-1

私はいくつかの html ページを持つ単純なサイトを持っています。table (tr, td, th), p, form (input), center, a, imgなどの標準の html タグのみを使用します。しかし、デフォルトのコントロールは退屈に見えます。

最小限の労力でもっとかっこよくしたい。ページに含める (または完全にコピーする) 外部 CSS についてはすでに考えましたが、すぐに使えるソリューションは見つかりませんでした。

サイトに大幅な変更を加えることなくサイトの見栄えを良くするための提案/解決策をいくつか知りたいです。

助けてくれてありがとう！

4

3 に答える 3

2

シンプルな background-color 、 box-shadow 、 border-radius 、 css3 グラデーション、およびその他の css3 スタイルを th および td 要素と p 要素に試すことができます。

例：

table{font-size:11px;margin:auto; color:#fff; border:1px solid #666; background:#4b4b4b url('../images/low_contrast_linen.png') !important; box-shadow:0px 0px 8px 1px #1e1e1e; border-radius:3px; padding:0px;}

table tr:hover{background-color:#666;}

table td{border-top:1px solid #666; padding:10px 5px;}

table th{background-image:-moz-linear-gradient(90deg,#127286, #1a9eba) !important; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#1a9eba', EndColorStr='#127286') !important; background: -webkit-gradient(linear, left top, left bottom, from(#1a9eba), to(#127286)) !important; box-shadow:0 2px 8px #444444; color:#fff; text-shadow:none; background-color:#017AC5;font-weight:normal; padding:8px; font-size:12px; border-right:1px solid #1A9EBA;}

これにより、多くの労力を費やすことなく、サイト全体のテーブルに素敵な効果が追加されます.. PSテーブルの素敵なリネンスタイルの背景画像を試してみてください。

他のタグも同様です。

于 2012-08-14T10:22:33.833 に答える
1

テキストを追加するだけのテンプレートをダウンロードできます。

http://www.oswd.org/ http://www.openwebdesign.org/

「無料のCSS」などをグーグルで検索してください

于 2012-08-14T10:19:46.653 に答える
0

bootstrapで遊んでみてください。すべてがきれいに見えるようにする多くの CSS スタイルが追加されます。

(Bootstrap が提供できるページ構造は、あなたのケースでは実際には必要ありませんが、試してみることを強くお勧めします)

于 2012-08-14T10:25:38.803 に答える