一个盒子实际所占有的宽度或高度是由"内容+内边距+边框+外边距"组成。 1.边框border边框的主要属性有三个,分别是:border-width:边框宽度、 border-style:边框样式、border-color:边框颜色。以上属性可以单个写,也可以写成:border:[border-wi....
分类:
Web程序 时间:
2014-07-07 10:19:18
阅读次数:
277
闲来无事,逛园子,充充电。发现了一个挺有意思的博文,自己玩了一把。第一题:使用 HTML+CSS 实现如图布局,border-widht 1px,一个格子大小是 60*60,hover时候边框变为橘红色(兼容IE6+,考虑语义化的结构)效果图: 简单分析一下: 使用伪类 :hover的时候相对定位....
分类:
其他好文 时间:
2014-07-03 06:02:04
阅读次数:
315
span{ display: block; background: #f4f4f4; color: #333; font-size: 14px; -webkit-border-radius: 20px; border-radius: 20px; text-a...
分类:
其他好文 时间:
2014-07-02 18:38:23
阅读次数:
473
Border布局:
Ext.onReady(function(){
Ext.QuickTips.init();
Ext.create('Ext.container.Viewport', { //一般是渲染到viewport中
title: "table布局的面板",
layout:'border',
default...
分类:
Web程序 时间:
2014-07-02 15:25:24
阅读次数:
276
关于该风格要注意几点的是:
WS_EX_CLIENTEDGE窗口风格并不是对所有窗口都有效,只有窗口有客户区的时候才有效,这样当它用在比如button,combox,tab无客户区的控件时,它是无效的。通过对话框模版创建的控件ListCtrl,如果你指定了WS_BORDER,这时WS_BORDER将被拿掉,而WS_EX_CLIENTEDGE会被设置上。但是如果你通过create手动创建则不会...
分类:
其他好文 时间:
2014-07-02 11:48:12
阅读次数:
229
css3 box-sizing属性box-sizing属性可以为三个值之一:content-box(default),border-box,padding-box。content-box,border和padding不计算入width之内padding-box,padding计算入width内bor...
分类:
Web程序 时间:
2014-07-02 10:36:59
阅读次数:
171
设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置,他们之间不会相互影响,而会在同一位置层叠。此时对象不具有外补丁( margin ),但仍有内补丁( padding )和边框( border...
分类:
Web程序 时间:
2014-07-01 18:55:36
阅读次数:
296
.put { -webkit-transition:border linear .2s,-webkit-box-shadow linear .2s; outline:none; border-color:rgba(241,39,242,.6); -webkit-box-shadow:0 0 8px ...
分类:
其他好文 时间:
2014-07-01 17:46:03
阅读次数:
228
原文:几个常用的CSS3样式代码以及不兼容的解决办法border-radius实现圆角效果1 CSS3代码:2 3 -webkit-border-radius:10px;4 -moz-border-radius:10px;5 border-radius:10px;6 background-color...
分类:
Web程序 时间:
2014-07-01 17:01:55
阅读次数:
361
1 /* create an arrow that points up */ 2 div.arrow-up { 3 width:0px; 4 height:0px; 5 border-left:5px solid transparent; /* left arrow slant */...
分类:
Web程序 时间:
2014-07-01 16:53:30
阅读次数:
183