首页> 关键字 >border
  • 纯CSS制作带三角(border篇).arrow-up { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; _border-left: 5px solid white; _border-right: 5px solid white; border-bottom: 5px solid black; overflow:hidden;}.arrow-down { width: 0; height: 0; border-..【阅读全文】
  • border:0】和【border:none】之间的一些事很多人都在页面的开头部分写上*{margin:0;padding:0;border:0},看似方便,但弊大于利,本文仅通过【border:0】和【border:none】来说明。1.性能差异【border:0;】把border设为“0”像素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-width/bor..【阅读全文】
  • CSS3 入门教程系列:CSS3 圆角(border-radius)您可能感兴趣的相关文章Web 开发人员和设计师必读文章推荐20个非常绚丽的 CSS3 特性应用演示35个让人惊讶的 CSS3 动画效果演示推荐12个漂亮的 CSS3 按钮实现方案24款非常实用的 CSS3 工具终极收藏 现在有了 CSS3 的 border-radius 特性之后,实现边框圆角效果就非常简单了,而且..【阅读全文】
  • 了解border-collapse的用法每次写表格的时候,都没有注意表格框是否是单一的,即使是单一的也不知道是怎么实现的,特别神奇,好像自动就成了想要的样式。今天写的时候,没有发生这样的神奇的事,所以第一次这样真正的了解到表格的 css 中的border-collapse属性。用法如下:table { border-collapse:collapse..【阅读全文】
  • CSS3属性border-radius不仅仅是圆角的实现网页制作文章简介:border-radius不仅仅是圆角。 border-radius,国内翻译成圆角,你可能以为这个属性就是用来画圆角,没错,但是除此之外,它还可以做点别的事情。radius其实指的是边框所在圆的半径,这个CSS3属性不仅能够创建圆角,还可以创建椭圆角(如图下图第7),把这些角..【阅读全文】
  • CSS3实例教程:使用border-radius制作文本文档图标第一步:定义class,绘制一个矩形:<a class="docIcon" href="#">Document Icon</a>这里要注意下:“display“默认属性值是“inline”,所以我们要使用“block”这个属性值以保证其正确显示:.docIcon { background: #eee; background: -webkit-..【阅读全文】
  • borders1borders1【阅读全文】
  • borders2borders2【阅读全文】
  • border:none;与border:0;的区别这问题在网络相信已经有不少人问到,最近再次被牵起讨论,籍此记录一下个人的理解,border:none;与border:0;的区别体现有两点:一是理论上的性能差异二是浏览器兼容性的差异。 性能差异 【border:0;】把border设为“0”像素虽然在页面上看不见,但按border默..【阅读全文】
  • CSS实例教程:Border属性制作小三角仔细琢磨了一下运用的还是很巧妙的,在现实的前端开发中也很有用,至少可以减小图片的字节。先看看应用实例吧:实现的原来就是:在一个宽高为0像素的块状元素中设置border属性,例如.box{ width:0px; height:0; border-bottom:50px #f00 solid; border-left:50px #03f solid; bord..【阅读全文】
  • CSS模型教程:boxes,borderes,margins和padding序言乍看之下, css 布局模式简单明了。盒子,边框和边距都是相当简单的对象, css 语法对它们的特性描述并不复杂。然而, 浏览器渲染引擎遵循着 css 2.1 推荐中所规定的一大堆规则,此外还有一些自己的规则。因此,对设计师而言,在将某个高级技巧添加到自己的技术集之前,需要先了..【阅读全文】
  • CSS教程:学习border属性border -- 定义四个边的宽度,样式,颜色 取值:[ <border-width> || <border-style> || <border-color> ] | inherit [ <border-width> || <border-style> || <border-color> ]: 边框宽度,样式,颜色属性中的一个或多个 inherit: 继承 初始值: no..【阅读全文】
  • CSS教程:学习border-style属性border-style -- 定义边框的样式 取值:<border-style>{1,4} | inherit <border-style>{1,4}: 边框样式 inherit: 继承 初始值: none 继承性: 否 适用于: 所有元素 border:边框,style:样式 border-style和border-width的赋值方式是一样的,可以分别赋1,2,3或4个边的样式...【阅读全文】
  • CSS教程:学习border-color属性border-color -- 定义四个边框的颜色 取值:[ <color> | transparent ]{1,4} | inherit <color>{1,4}: 颜色表示法 transparent{1,4}: 透明 inherit: 继承 初始值: 同color属性的默认值 继承性: 否 适用于: 所有元素 border:边框,color:颜色. border-color和border-widt..【阅读全文】
  • CSS教程:学习border-width属性border-width -- 定义四个边框的宽度 取值:<border-width>{1,4} | inherit <border-width>{1,4}: 边框宽度(可以有一个,两个,三个或四个值) inherit:继承 初始值: medium 继承性: 否 适用于: 所有元素 border:边框,width:宽度. border-width的取值thin: 细medium: 中th..【阅读全文】
  • CSS3教程:边框属性border的极致应用作者:冰极峰博客地址:http://www.cnblogs.com/binyong这世界太疯狂,border属性也搞模仿秀!这里讨论的都是关于边框属性border的极致应用,这些应用虽说有些剑走偏门,但在一些特殊的场合,可能还是会用得上的,如果你对html代码有洁癖,有切肤之痛,并且认为冗余的标签影响到你..【阅读全文】
  • CSS3教程(3):border-color网页边框色彩现在我们来看一看如何为边框的border-color添加更多的色彩。上一篇介绍了:css3教程(2):网页边框半径和网页圆角使用css3的border-radius属性,如果你设置了border的宽度是x px,那么你就可以在这个border上使用x种颜色,每种颜色显示1px的宽度。如果说你的border的宽度是10个像素..【阅读全文】
  • HTML表格标记教程(40):表头的暗边框色属性BORDERCOLORDARK在表头中,可以单独定义暗边框色。基本语法 <th bordercolordark=color_value>语法解释定义颜色的时候,可以使用英文颜色名称或十六进制颜色值表现。 文件范例:10-38.htm设定表头暗边框的颜色。01 <!-- ------------------------------ -->02 <!-- 文件范例..【阅读全文】
  • HTML表格标记教程(39):表头的亮边框色属性BORDERCOLORLIGHT在表头中,可以单独定义亮边框色。基本语法 <th bordercolorlight=color_value>语法解释定义颜色的时候,可以使用英文颜色名称或十六进制颜色值表现。 文件范例:10-37.htm设定表头亮边框的颜色。01 <!-- ------------------------------ -->02 <!-- 文件范..【阅读全文】
  • HTML表格标记教程(38):表头的边框色属性BORDERCOLOR为了美化表格,可以为表头设定不同的边框颜色。基本语法 <th bordercolor=color_value>语法解释定义颜色的时候,可以使用英文颜色名称或十六进制颜色值表现。文件范例:10-36.htm设定表头边框的颜色。01 <!-- ------------------------------ -->02 <!-- 文件..【阅读全文】
共 31 条记录┊当前页次:1/2┊20条/页
首页上一页12下一页尾页