html5 边框怎么设置

html5边框设置的方法:首先创建一个HTML示例文件;然后创建一个div,代码如“”;最后通过border属性设置边框样式即可。

html5 边框怎么设置

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

HTML5边框的设置(border)

边框的样式:

solid 实线 dotted 点线 dashed 虚线 double 双线 inset 三维立体效果

立即学习“前端免费学习笔记(深入)”;

边框有3个元素,用法是 border-top:10px soild red;

border-top:上边border-bottom:下边border-left:左边border-right:右边

登录后复制

例子:

CSS画出一个三角形,

CSS2 引入了边框颜色值 transparent。这个值用于创建有宽度的不可见边框。请看下面的例子:

nbsp;html>     透明边框    body{  background:#333300;    }     #a{     width:0px;height:0px;border-top:30px solid red;border-bottom:30px solid transparent;border-left:30px solid transparent;border-right:30px solid transparent; }      
 

登录后复制

设置透明边框的好处是如果页面背景不是白色的话,设置了透明边框后,边框就看不到,普通方法让边框颜色设置为白色,如果背景不是白色而是其他颜色的话,就能看出露出一块白色的地方。

【推荐学习:HTML视频教程】

以上就是html5 边框怎么设置的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2952572.html

(0)
上一篇 2025年3月11日 23:48:08
下一篇 2025年3月2日 20:03:28

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • html5是什么技术

    html5是构建Web内容的一种语言描述方式,而在广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。 本文操作环境:windows7系统、HTML5版,DELL G3电脑。 HTML5是HTML最…

    2025年3月11日
    200
  • html5和flash的区别有哪些

    html5和flash区别:1、指代不同,html5是Web中核心语言HTML的规范,而flash是交互式矢量图和Web动画的标准;2、用处不同,html5可将Web带入一个成熟的应用平台,而flash可以快速设计简单的动画;3、发展不同。…

    2025年3月11日
    200
  • html5的优势有哪些

    html5的优势有:1、给站点带来了更多的多媒体元素;2、提高用户体验度;3、提高标签的语义性;4、被大量应用于移动应用程序和游戏;5、可以替代Flash和Silverlight;6、能跨平台部署运行;7、跨浏览器兼容性好。 本文操作环境:…

    2025年3月11日
    200
  • html与html5的区别是什么

    区别:1、HTML5支持矢量图形,html本身不支持;2、HTML5中可临时存储数据,HTML不行;3、HTML5新增了许多控件;4、HTML本身不支持音频和视频,HTML5支持;5、HTML无法处理不准确的语法,HTML5能够处理等等。 …

    2025年3月11日
    200
  • xhtml和html5的区别是什么

    区别:1、XHTML要求正确嵌套,html5不需要;2、XHTML所有元素必须关闭,html5不需要;3、XHTML区分大小写,html5不区分;4、XHTML属性值要用双引号,html5可以不用;5、XHTML用id属性代替name属性。…

    2025年3月11日
    200
  • html5是h5吗

    html5不是h5。H5和HTML5不是一个意思,H5并不是一项技术,而是一个产品名词,其中包含了许多技术(例页面素材预加载技术,音乐加载播放技术等);而HTML5是一个技术名词。H5是用HTML5编写的,也就是H5都遵循HTML5规范。 …

    2025年3月11日
    200
  • html5语义化标签有哪些

    html5语义化标签:1、header标签;2、nav标签;3、footer标签;4、hgroup标签;5、section标签;6、article标签;7、aside标签;8、figure标签;9、time标签;10、address标签。 …

    2025年3月11日
    200
  • html5开发工具有哪些

    html5开发工具:1、Sublime Text;2、Dreamweaver;3、Adobe Edge;4、WebStorm;5、Sencha Touch;6、DevExtreme;7、Dojo Foundation Maqetta等等。 …

    2025年3月11日
    200
  • 哪些浏览器支持html5

    支持Html5的浏览器:Firefox、IE9及其更高版本、Chrome、Safari、Opera、傲游浏览器(Maxthon)、360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等。 本教程操作环境:windows7系统、HTML5版、De…

    2025年3月11日
    200
  • html5 web框架有哪些

    html5 web框架有:Bootstrap、HTML5 Boilerplate、Foundation、Ulkit、HTML5 KickStart、Gumby、Skeleton、Groundwork、Base、Montage、Kube等等。…

    2025年3月11日
    200

发表回复

登录后才能评论