北京沣登科技发展公司

html网页局部边框,html网页边框设置

大家好,今天小编关注到一个比较意思的话题,就是关于html网页局部边框问题,于是小编就整理了3个相关介绍HTML网页局部边框的解答,让我们一起看看吧。

  1. html如何在文字加边框?
  2. 在HTML中如何把块的边框做成圆角?
  3. html如何给视频加边框?

html如何文字加边框?

首先打开编辑器新建一个HTML文档,并且编写基本框架

其次新建一个css文档,并且关联刚刚创建的HTML文档。

html网页局部边框,html网页边框设置div>
图片来源网络,侵删)

接着新建一个div标签可以看到这个div默认没有边框的。

我们设置边框常用格式

我们可以把边框改为点状式的。

html网页局部边框,html网页边框设置
(图片来源网络,侵删)

也可以修改虚线形状的。

在HTML中如何把块的边框做成圆角

html边框圆角的实现代码

css3中的border-radius

html网页局部边框,html网页边框设置
(图片来源网络,侵删)

table{border-radius:5px;overflow:hidden};

如果需要单独针对某一个角设置为圆角可以使用下面代码:

border-top-left-radius:5em;

border-top-right-radius:5em;

border-bottom-right-radius:5em;

border-bottom-left-radius:5em;

html如何给视频加边框?

加边框代码如下

<div style="border:1px solid black">

<video controls="controls">

<source src="你的***地址" type="video/mp4">

</video>

</div>

到此,以上就是小编对于html网页局部边框的问题就介绍到这了,希望介绍关于html网页局部边框的3点解答对大家有用。

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.fengdengtech.com/post/71884.html

分享:
扫描分享到社交APP