小菜今天偶然打开了腾讯公益，本来是冲着公益活动去的，没想到腾讯公益界面做的还不错，索性把它的box样式剽窃了下来。
个人觉得腾讯的东西普遍比较精致，就拿页面来说，每一个细节都把握的很到位，例如取色，看上去是黑色的，其实是灰黑色，所以才会有一种细腻温和的感觉，消除了视觉上的激进，最终的效果就是看起来很舒服。
小菜剽窃的box样式主要突出的是简洁的线条美，配色也很舒服，适合绝大多数网站，需要的童鞋拿去用吧~~
效果预览：
时间： 2025-01-04 20:56:32
简洁清新的box样式
简洁清新的box样式的相关文章
清爽绿色格调图文box通用样式
今天是端午节,小菜献上一款剽窃的box样式,祝大家端午快乐! 此box样式以绿色为主要色调,清新自然,适合大多数设计场景. 此box算是比较高级的了,box中的列表是图文列表,可以显示一张小图片,然后加上一个醒目的标题,再来一段简明的介绍,最后还有一个详情按钮,需求不是特别挑剔的话,这个小box基本上就够用了. 效果图: 最后,申明此box样式框架来自腾讯公益,细节做了调整,小菜希望尽可能多的朋友参与到公益中,造福众生,造福子孙. 演示链接 下载链接 清爽绿色格调图文box通用样式,布布扣,bu
JavaScript 使用DOM操纵样式表
一 操作表格 <table>标签是HTML中结构最为复杂的一个,我们可以通过DOM来创建生成它,或者HTMLDOM来操作它; 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 // 使用DOM来创建表格; var table = document.createElement('table'); table.border = 1; table.width = 300; var caption = document.cre
JavaScript--DOM操作表格及样式(21)
一 操作表格 // <table>标签是HTML中结构最为复杂的一个,我们可以通过DOM来创建生成它,或者HTMLDOM来操作它; 1 // 使用DOM来创建表格; 2 var table = document.createElement('table'); 3 table.border = 1; 4 table.width = 300; 5 6 var caption = document.createElement('caption'); 7 table.appendChild(capti
类样式的操作
* 通过style属性来修改元素的样式,每修改一个样式,浏览器就需要重新渲染一次页面 * 这样子的执行的性能是比较差的,而且这种形式当我们修改样多个样式时,也不太方便. * 希望一行代码就可以修改多个样式 * 我们可以通过修改class的属性来间接的修改样式 * box.className = "b2"; * 这样一来,我们只需要修改一次,即可同时修改样式 * 浏览器只需要重新渲染页面一次,性能比较好, * 并且这种方式,可以使表现和行为进一步的分离. 可以把增删的类写在一个方法里面,
Qt样式表属性
QT 样式表属性大全 Box样式 width:宽度 height:高度 max-width:最大宽度 max-height:最大高度 min-width:最小宽度 min-height:最小高度 margin:边距尺寸 margin-top margin-right margin-bottom margin-left padding:填充尺寸 padding-top padding-right padding-bottom padding-left 位置样式 position:定位属性 如果po
HTML-001-日期组件 layDate 演示
在日常的网页开发过程中,日期组件已经成为不可或缺的组件之一.同时,随着广大杰出攻城狮的不懈努力,也出现了很多优秀的日期组件,其中我个人觉得 layDate 日期组件是一个非常不错的组件,简洁易用,样式清爽. 此文主要以贤心所作的 layDate 组件进行日期选择的演示,敬请各位小主们参阅,若有不足之处,敬请大神指正,不胜感激! 闲不多言,直接上码. 演示文档的工程目录如下图所示: laydate-demo.html 对应的源代码为: 1 <!DOCTYPE html PUBLIC "-//
HTML5视频播放器accessible html5 video player
accessible html5 video player 是一款开源的轻量级播放器,采用HTML5视频播放技术,支持字幕显示.视频自由跳播.重播等功能.该html5视频插件由paypal Accessibility 团队开发,兼容所有Firefox.chrome.以及ie10以上版本等浏览器.ie9仅支持内部视频调用. 简洁清新的视频播放界面可以让你在很短的时间内喜欢上它,至少我是真的被它的界面吸引到了,有一点遗憾的是无法全屏,如果有知道的朋友可以向大家分享! accessible html5
持续集成与devops
持续集成 持续集成(Continuous integration,简称C1),简单的说持续集成就是频紧地(一天多次)将代码集成到主干,它的好处主要有两个:1.快速发现错误.每完成一次更新,就集成到主干,可以快速发现错误,定位错误也比较容易.2.防止分支大幅偏离主干.如果不是经常集成,主干又在不断更新,会导致以后集成的难度变大,甚至难以集成.持续集成的目的,就是让产品可以快速迭代,同时还能保持高质量.. 持续交付 持续交付(Cortinuous delivery)指的是,频繁地将软件的新版本,交付
nivo slider插件使用方法
引入文件<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen"> <script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script> <script src="jquery.nivo