以最小的努力实现酷炫的网络风格
Cool web-style with minimum effort
我有一个简单的网站,有几个html页面。我只使用标准的html标签,如表格(tr,td,th),p,form(input),center,a,img。但默认情况下,控件看起来很无聊。
我想用最小的努力让它更酷。我已经考虑过将一些外部 CSS 包含在我的页面上(或完全复制) - 但没有找到任何开箱即用的解决方案。
我想得到一些建议/解决方案,使我的网站看起来更好,而无需对其进行大量修改。
感谢您的任何帮助!
您可以尝试简单的背景色,框阴影,边框半径,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;}
这为您的整个网站的桌子增添了很好的效果,而无需付出太多努力。P.S尝试一个漂亮的亚麻风格背景图像的桌子,它会看起来很棒。
这同样适用于其他标签。
您可以下载模板,其中只需要添加文本:
http://www.oswd.org/http://www.openwebdesign.org/
只是谷歌的"免费CSS"或其他东西
尝试使用bootstrap,它添加了很多CSS样式,使一切看起来都很漂亮。
(Bootstrap可以提供的页面结构内容在您的情况下并不真正需要,但我强烈建议您尝试一下)
相关文章:
- 通过Magento的网络服务检索运费
- Google/html5语音识别JavaScript SDK Chrome网络工具包SpeechRecognition
- 为什么Airbnb风格指南说不鼓励依赖函数名称推断
- CKEditor-我在editor.css中的风格是't
- 使用acess代币登录Facebook,并通过网络应用程序离线发布
- 如何使用密码检测网络中的状态连接
- ASP.NET网络摄像头显示
- 如何在OpenERP中实现网络摄像头
- onclick风格的整个李不想要
- 链接两个网页或网络应用程序的最佳方式
- 在ES6中,模块将导致多个网络调用,因为两个模块不能在单个文件中定义
- JavaScript改变了双方的显示风格
- RabbitMQ与通过网络的stomp适配器
- 如何移除或改进:在Bootstrap Carousel上聚焦风格
- 输入文本框为空时的阻止按钮asp.网络表单
- 为网络游戏制作动画
- 无法获取vis.js最后一个或第一个选定的网络节点
- 网络语音API-再次讲话(重置句子)
- 以最小的努力实现酷炫的网络风格
- 集合风格的网络游戏