CSS：border的属性

作用：border主要用于加边框

border : 宽度线条图案颜色;

border: 1px solid orange;
1px代表的是边框线的宽度
solid代表的是边框为实线；dashed虚线、dotted点划线、none不显示
orange代表的是边框线的颜色，这里的颜色也可以是rgba(114, 255, 96, 0.5)，0.5是颜色的透明度；

<div style="height:300px; width:300px; border:5px solid red;"><div style="height:250px; width:250px; border:5px dotted #18fAfa;"><img src="@/images/pep04.jpg" alt="" style="width:100%;height:100%;"></div></div>

border-radius: 边框的圆弧角;

border-radius: 50%;
border-radius: 5px;

<div style="height:300px; width:300px; border:5px dotted red; border-radius:20px;"><div style="height:250px; width:250px; border:5px solid #18fAfa; border-radius: 50%;"><img src="@/images/pep04.jpg" alt="" style="width:100%;height:100%; border-radius:50%;"></div></div>

CSS：border的属性相关推荐

CSS Border属性solid(实线)使用介绍
Border(画边框),它是CSS的一个属性,用它可以给能确定范围的HTML标记(如TD.DIV等等)画边框,可以给文本加边框,给导航菜单加分隔线,下面与大家分享个实例,感兴趣的朋友可以了解下制作过 ...
php中border属性,css中display属性和border属性常遇问题讲解
本篇文章给大家带来的内容是关于css中display属性和border属性常遇问题讲解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助.因为HTML很少有太复杂的问题,所以直接写一篇关于 ...
html border 边距,css中border-sizing属性的用法
这篇文章给大家介绍的文章内容是关于css中border-sizing属性的用法,有很好的参考价值,希望可以帮助到有需要的朋友. box-sizing用于更改用于计算元素宽度和高度的默认的 CSS 盒子 ...
CSS的border边框属性边框样式内外边框圆角合集
CSS border 属性允许指定元素边框的样式.宽度和颜色. 目录 1.四个边框 2.内外边框 3.边框样式 4.圆角边框 1.border边框属性可以设置一到四个值(上边框,右边框,下边框,左边 ...
CSS使用浮动属性和边距设计3行3列定宽的布局实例
CSS使用浮动属性和边距设计3行3列定宽的布局下面使用CSS的浮动属性和边距属性设计一个简单地3行3列并且是固定宽度的布局页面. 实例设计步骤如下: 1. 制作3行3列定宽布局的XHTML部分.源 ...
CSS中float属性详解
首先我们了解到,CSS网页布局的原理,就是按照HTML代码中对象声明的顺序,以流布局的方式来显示它,而流布局就不得不说到float浮动技术..在HTML中的所有对象,默认分为两种:块元素(block ...
css border 虚线间距_一小时快速了解 CSS 基础
这一章,我们开始学习 CSS 样式表有关的知识点,通过 CSS 来控制 HTML 标签和元素的样式的方法和规范. 当然,结合视频观看效果更佳. CSS 和 HTML 不是同一种代码语言,所以自然语法书 ...
html笔记（一）html4+css2.0、css基础和属性、盒模型
w3c 官网这里是 html4 的内容大标题小节一.关于HTML 1. 基本语法 2. HTML常用标签 3. 相对路径和绝对路径二.css基础 1. 表单元素 2. 创建样式表 3. cs ...
如何使用CSS3 Border Radius属性
With CSS3, you can give any element "rounded corners" by using the border-radius property. ...
前端：CSS/10/伪类选择器，CSS列表属性，CSS边框属性，CSS内边距属性，CSS背景属性
CSS伪类选择器:给超链接加的样式(链接的不同状态加样式) 一个超链接,有四个状态: 正常状态(:link):鼠标没放上去之前的样式: 放上状态(:hover):鼠标放到链接上时的样式: 激活状态(: ...

CSS：border的属性

CSS：border的属性相关推荐

最新文章

热门文章