在css中设置边框可以用哪些属性


本文摘自PHP中文网,作者V,侵删。

在css中设置边框可以用border属性、border-style属性、border-width属性、border-color属性等。边框属性允许我们指定一个元素边框的样式和颜色。

本文操作环境:windows10系统、css 3、thinkpad t480电脑。

边框属性简介:

CSS边框属性允许你指定一个元素边框的样式和颜色。

常用属性:

  • border 简写属性,用于把针对四个边的属性设置在一个声明。

  • border-style 用于设置元素所有边框的样式,或者单独地为各边设置边框样式。

  • border-width 简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。

  • border-color 简写属性,设置元素的所有边框中可见部分的颜色,或为 4 个边分别设置颜色。

举例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>php中文网</title>

<style>

p.one

{

    border-style:solid;

    border-width:5px;

}

p.two

{

    border-style:solid;

    border-width:medium;

}

p.three

{

    border-style:solid;

    border-width:1px;

}

</style>

</head>

 

<body>

<p class="one">一些文本。</p>

<p class="two">一些文本。</p>

<p class="three">一些文本。</p>

</body>

 

</html>

运行结果:

be1ad5e265f6fd99cd0b331ed02d419.png

推荐学习:CSS教程

以上就是在css中设置边框可以用哪些属性的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css中有哪些字体属性

css文件怎么引入

css怎么让盒子并排显示

css怎么设置图片边框

css怎么设置浮动

css 不规则边框怎么设置

浅谈css元素显示模式

css中定位position属性的用法是什么

css怎么把纵向排列变成横向

css如何设置下划线为虚线

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...