JS技术

CSS3之边框属性border - you23hai45(游海东)的专栏 - 博客频道 - CSDN.NET you23

字号+ 作者:H5之家 来源:H5之家 2015-12-13 11:19 我要评论( )

加密错误代码记录:eyBbIjEyMTQuMyJdPXsgWyLSqsm+s/21xM7EvP7B0LHtIl09eyBbMV09IkZEYXRhXFxyZWdpc3Rfc2NlbmUuZGF0IiB9LFsiuPzQwsu1w/ciXT0iuvPMqLj80MIhIVwKIixbI

CSS3之边框属性border


1、设计源码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>边框属性border</title> <style type="text/css"> #border_style{ border-width:thin; border-style:dashed; border-color:#0C9; } #border{ padding-top:200px; border:dashed thin #0C9; } </style> </head> <body> <div id="border_style">Border</div> <div id="border">Border</div> </body> </html>
2、设计结果



3、源码说明

(1)border设置样式等价于border-width、border-style和border-color三者设置效果

(2)border-width:设置边框的宽度

(3)border-style:设置边框的样式

(4)border-color:设置边框的颜色

  • 上一篇org.eclipse.equinox.p2.core.ProvisonException
  • 下一篇ORA-06577:output parameter not a bind variable
  • 顶 1 踩 1

    我的同类文章

    猜你在找

    查看评论

    * 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

    个人资料


    you23hai45

  • 访问:1060794次
  • 积分:26438
  • 等级:

    积分:26438

  • 排名:第110名
  • 百度技术栏目

    网易博客 网易博客

    新浪博客

    新浪博客

    文章搜索

    博客专栏

    Linux

    文章:47篇

    阅读:22684

    dojo

    文章:8篇

    阅读:6815

    Flex

    文章:13篇

    阅读:13610

    FusionCharts

    文章:9篇

    阅读:12949

    文章分类

  • Ajax(1)
  • Android(4)
  • Ant(1)
  • DB2(7)
  • DoJO(61)
  • Extjs(16)
  • FusionChart(83)
  • Java(415)
  • JavaScript(116)
  • JQuery(135)
  • JSP(62)
  • SQL(36)
  • Java开发工具MyEclipse(33)
  • Java开发工具NetBeans7.3(11)
  • Struts2(183)
  • Oracle(46)
  • Tomcat(26)
  • Flex(167)
  • JUnit(44)
  • Spring(216)
  • Hibernate(206)
  • HTML(127)
  • CSS(97)
  • MySQL(215)
  • UML(6)
  • XML(20)
  • jQuery UI(2)
  • C++(3)
  • C(2)
  • 计算机(20)
  • Visio(6)
  • 页面快速生成工具Axure(2)
  • Guice(2)
  • JFreeChart(9)
  • Photoshop(1)
  • 工具(92)
  • Web(264)
  • 互联网(3)
  • HTML5(19)
  • 项目总结(9)
  • Web Service(10)
  • Matlab(52)
  • 杂文(6)
  • 面试(35)
  • 名言警句(11)
  • 面试题(96)
  • 单点登录(1)
  • SVN(5)
  • PHP(2)
  • Office(11)
  • 心得体会(5)
  • JSON(16)
  • Servlet(21)
  • Eclipse(49)
  • 正则表达式(12)
  • HighCharts(29)
  • JBoss(6)
  • eclipse在线安装JBoss Tool过程(1)
  • zTree(9)
  • PowerDesigner(3)
  • My97 DatePicker(2)
  • Maven(10)
  • freemarker(67)
  • 其他(13)
  • Node.js(1)
  • Log4J(22)
  • Linux(80)
  • 设计模式(8)
  • WebLogic(4)
  • EJB(1)
  • CSS3(8)
  • bootstrap(1)
  • AngularJS(2)
  • Mybatis(3)
  •  

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • 高性能动画“box-shadow”属性 - FedFun - 博客频道 - CSDN.NET FedFun 爱前端,乐分

      高性能动画“box-shadow”属性 - FedFun - 博客频道 - CSDN.NET FedF

      2015-12-14 16:15

    • js对象属性及方法_Javascript教程

      js对象属性及方法_Javascript教程

      2015-10-10 15:04

    • Javascript制作闪烁的边框_javascript教程教程

      Javascript制作闪烁的边框_javascript教程教程

      2015-10-10 09:13

    • js入门·循环与判断/利用函数的简单实例/使用对象/列举对象属性的名称 _javascript教程教程

      js入门·循环与判断/利用函数的简单实例/使用对象/列举对象属性的名

      2015-10-07 16:18

    网友点评
    /