`
ningzhisheng
  • 浏览: 11783 次
  • 性别: Icon_minigender_1
最近访客 更多访客>>
社区版块
存档分类
最新评论

CSS教程6 CSS的Border边框

阅读更多
CSS Borders 边框

  边框可以运用到body里的大部分HTML元素。
  制作一个元素的边框,你需要border-style边框样式。值可以是: solid, dotted, dashed, double, groove, ridge, inset and outset,具体样式大家可以实际下。
  border-width设定宽度,通常使用pixels即单位是px,同样有四边属性:border-top-width, border-right-width, border-bottom-width and border-left-width。
  border-color设定边框颜色。
  例子

Example Source Code [www.52css.com]
h2 {
    border-style: dashed;
    border-width: 3px;
    border-left-width: 10px;
    border-right-width: 10px;
    border-color: red;
}
  设定红色样式为dashed的边框,上下边框宽度为3px,而左右为10px(后面的属性覆盖了前面)。
分享到:
评论

相关推荐

    【 border虚线】CSS border虚线边框属性教程

    学习之路不可停止,最近在研究CSS,今天爱站技术频道的小编就給你们带来这篇CSS border虚线边框属性教程,教大家如何使用css制作网页中的虚线,巩固CSS border属性使用方法,感兴趣的同学可以参考一下。

    纯css块边框流动线条效果

    用css实现边框流动光线效果.........................................................................................

    css设置边框渐变色

    使用css设置按钮边框的渐变色;使用css设置按钮边框的渐变色

    CSS动画|hover动画|border动画

    css动画,hover触发border动画

    如何使用CSS的border属性来设置边框样式

    如何使用CSS的border属性来设置边框样式如何使用CSS的border属性来设置边框样式如何使用CSS的border属性来设置边框样式如何使用CSS的border属性来设置边框样式如何使用CSS的border属性来设置边框样式如何使用CSS的...

    border.css

    该css样式用于解决移动端1像素边框问题。问题分析:有些手机的屏幕分辨率较高,是2-3倍屏幕。css样式中border:1px solid red;在2倍屏下,显示的并不是1个物理像素,而是2个物理像素。为了解决这个问题,引入border....

    边框动画特效,css3实现。效果预览。border-transition.html

    边框动画特效,css3实现。效果预览。

    tailwindcss-border-gradient-radius:用于生成边框渐变的 Tailwind CSS 插件可以与圆形实用程序一起使用

    基于 background-origin 和 background-image 的 Tailwind CSS 边框渐变插件 用于生成边框渐变的 Tailwind CSS 插件可以与圆形实用程序类一起使用。 该插件基于 。 看看它的实际效果: : 要求 此插件需要 ...

    数据可视化大屏的css背景+边框+demo.rar

    7套数据可视化源码和8套数据可视化大屏图片+自定义的部分border+css,非常酷炫,开箱即用,做大数据的可以使用哦

    border-emboss:CSS 浮雕边框 (SCSS mixin)

    CSS 浮雕边框 (SCSS mixin)如何使用? @import "border-emboss"; @include border-emboss();演示定制$base 边框的基色。 $打火机较浅的颜色(反射光斑块)。 $较暗带阴影的一侧颜色较深。 $最暗阴影边的最暗颜色,...

    纯CSS3按钮边框线条动画特效

    animated-border.css是一款纯CSS3按钮边框线条动画特效。该CSS3按钮边框线条动画特效提供了40多种炫酷的边框线条动画供你选择使用。

    IE实现CSS3中的border-radius(圆角)

    让IE实现CSS3中的border-radius(圆角)

    css3实现圆角边框

    css3中的边框一般多为矩形,也可以通过设置实现圆角边框的效果,通过border-radius:;通过设置该属性值得大小改变边框的圆角大小,从而达到自己需要的圆角边框效果

    border_1.css

    在移动端web开发中,UI设计稿中设置边框为1像素(即设备的像素,物理像素),前端在开发过程中如果出现border:1px(css记录的像素),测试会发现在某些机型上,1px会比较粗,即是较经典的 移动端1px像素问题。...

    CSS3动画属性边框属性等

    CSS 边框属性(Border 和 Outline) CSS 背景属性(Background) Color 属性 Box 属性 CSS 尺寸属性(Dimension) 内容生成(Generated Content) 可伸缩框属性(Flexible Box) Grid 属性 Hyperlink 属性 CSS 字体...

    css3涂鸦风格边框zip

    css3涂鸦风格边框是一款纯css3实习的图形边框涂鸦效果。 css3涂鸦风格边框

    CSS3教程:边框属性border的极致应用

    这里讨论的都是关于边框属性border的极致应用,这些应用虽说有些剑走偏门,但在一些特殊的场合,可能还是会用得上的,如果你对HTML代码有洁癖,有切肤之痛,并且认为冗余的标签影响到你的视觉神经,那么你可以权当一...

    CSS border虚线边框属性教程

    上下左右边框交界处呈现...CSS Code复制内容到剪贴板 #test1{ height:20px; width:20px; border-color:#FF9600 #3366ff #12ad2a #f0ed7a; border-style:solid; border-width:20px; } 示例2: 在上面的

    css border属性的使用方法和技巧

    CSS 边框即CSS border-border边框样式颜色、边框样式、边框宽度的语法结构与应用案例教程篇 一、CSS边框基础知识 CSS 边框即CSS border是控制对象的边框边线宽度、颜色、虚线、实线等样式CSS属性。同时大家可以进入...

Global site tag (gtag.js) - Google Analytics