-1

我有一个包含几个 html 页面的简单网站。我只使用标准的 html 标签，比如table (tr, td, th), p, form (input), center, a, img。但默认情况下，控件看起来很无聊。

我想用最少的努力让它更酷。我已经考虑过在我的页面上包含一些外部 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 回答