常用的边框属性

最新推荐文章于 2021-03-26 17:00:01 发布
最新推荐文章于 2021-03-26 17:00:01 发布
阅读量201 收藏
点赞数
原文链接：http://www.cnblogs.com/john568300/p/6398069.html
版权

常用的边框属性

葡萄

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>常用的边框属性</title>
    <style>
        img{
            border-width: 3px;
            /*solid:实线 dotted：点线 dashed：虚线 double：双实线*/
            border-style: solid;
            border-color: red;
        }

        img{
            /*上下左右  top bottom left right*/
            border-bottom-width: 5px;
            border-bottom-style: dotted;
            border-bottom-color: black;
        }

        img{
            border-top-width: 5px;
            border-top-color: blueviolet;
            border-top-style: dashed;
        }

        /*简写形式*/
        img{
            border-left: 5px dotted blue;
        }

        img{
            border-right: 5px double palevioletred;
        }
    </style>

</head>
<body>
    <img src="../文件/grape.jpg" alt="葡萄">
</body>
</html>

　　

转载于:https://www.cnblogs.com/john568300/p/6398069.html

weixin_30622107
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS中的边框属性
chenyiboke的博客
10-31 1312
边框属性分类： Document 1.边框 2.边框倒角 3.边框阴影 4.轮廓 一.边框属性 1. 边框 1. 简写方式： 通过一个属性控制四个方向边框的效果。 属性： border:width style color; width:宽度，边框粗细，以px为单位 ...
边框属性
从零开始的web前端工程师生活
10-29 3146
我们先说一下边框属性： 1、边框 （1）、它的简写方式： 通过一个属性控制四个方向边框的效果 它的属性是： border：width、style、color; 它们三个分别为： width：边框的宽度，边框的粗细，是以px为单位的； style：边框的样式，实线，虚线；它的取值是这样的：solid：实线、dotted：虚线、dashed：虚线 注意：dotted和dashed是两种不同的表现形式 ...
CSS常用属性之边框
骑着毛驴的小猴子
06-28 541
border-width 边框的宽度 取值：像素《不能为负》 medium：默认3px； thin:默认1px； thick：默认5px； 取值数目：{1，4} ①如果提供全部四个参数值，将按上、右、下、左的顺序作用于四
几种常见的边框样式属性
weixin_30603633的博客
09-13 454
<form id="form1" runat="server"> <div> <asp:TextBox ID="TextBox1" runat="server" Text="双实线边框" BorderStyle="Double" BorderWidth="3"></asp:TextBox> <as...
【自学笔记】css 各类边框样式 属性border-style
indigo_的博客
03-18 542
<html> <head> <style type="text/css"> p.dotted {border-style: dotted} p.dashed {border-style: dashed} p.solid {border-style: solid} p.double {border-style: double} p.groove {border-style: groove} p.rid
css常用属性
11-19
### CSS常用属性详解 #### 一、CSS文字属性 CSS中的文字属性可以帮助我们调整文本的显示方式，使得页面上的文字更加美观和易于阅读。 - **color:** 用于设置文本的颜色。例如：`color:#999999;` 将文本颜色设置为...
DIV常用属性大全自己整理
09-28
4. **边框属性**： - `border-top`, `border-bottom`, `border-left`, `border-right`: 分别设置各个边框的样式，如宽度、类型和颜色。 - `border`: 一次性设置所有边框的属性。 - `dashed` 和 `solid` 分别表示...
常用css属性查询表
09-25
* border：在一个声明中设置所有的边框属性 * border-bottom：在一个声明中设置所有的下边框属性 * border-bottom-color：设置下边框的颜色 * border-bottom-style：设置下边框的样式 * border-bottom-width：设置下...
顶级经典常用的CSS属性收集整理
10-30
本文将深入探讨标题中提到的一些顶级经典常用的CSS属性，帮助网页爱好者提升网页设计的美观度和功能性。 1. 文本两端对齐： 使用`text-align: justify;`可以实现文本在段落中的两端对齐，`text-justify: inter-...
CSS3新增的有关背景与边框的属性
AubreyF的博客
03-13 665
1.与背景相关新增属性 2.在一个元素中显示多个背景图像 3.圆角边框绘制 4.图像边框 1.与背景相关新增属性1.1background-clip 背景包括（背景延伸到哪儿）: background-clip：content-box； ×border ×padding background-clip：border-box； √border √padding backgroun
CSS-边框属性
李美静 廊坊师范学院信息技术提高班十三期
12-05 1360
列表属性、光标属性与滤镜属性
常用的样式属性知识汇总
qq_50991473的博客
11-06 1181
字体以及文本属性 字体属性 1）常见的字体属性 font 设置字体的所有的样式属性 font-family 字体类型 font-size 字体大小 font-weight 字体的粗细 color 字体颜色 font:bold 12px 宋体; 字体粗细、大小、类型 文本属性 1）常见文本属性 line-height 行高 text-align 对齐方式 letter-spacing 字符间距 text-decoration文本修饰 ，underline(下划线）、none 边距和填充 1.边距 1）边距
第七章 边框属性
DaDaguai001的博客
09-11 3760
边框属性 边框有3个属性: 一个是边框宽度属性，用于设置边框的宽度， 二是边框颜色，用于设置边框的颜色， 三是边框样式，用于控制边框的样式 .1边框样式border-style 定义边框的风格样式，用于指定可见的边框。可以设置上边框样式border-top-style，下边框样式border-bottom-style 左边框样式，border-left-style，右...
css边框属性
weixin_43932097的博客
03-26 7211
一：css边框属性 1.上边框： border-top-style:样式 border-top-width:宽度 border-top-color:颜色 border-top:宽度，样式，颜色 2.下边框: border-bottom-style:样式 border-bottom-width:宽度 border-bottom-color:颜色 border-bottom:宽度，样式，颜色 3.左边框: border-left-style：样式 border-left-width:宽度 border-left
CSS样式的常见属性及值
Mr_zdk的博客
09-14 529
常见样式属性及值 字体: font -family -size -style: normal(正常)|italic(倾斜)|oblique -weight: normal|bold(粗体)   如果组合起来编写: font: style weight size family 字体大小的单位可以是 px, em, rem, pt, cm, mm, in, pc   文本: c...
CSS border 属性
kangzinian的博客
08-29 608
最近写网页，用到了border属性 了解的不是很多，就整理了一下 border属性就是边框属性 实例 p{ border:5px soild #000 ; } 分三个点： border-width 指定边框的宽度 boder-style 指定边框的样式 border-color 指定边框的颜色 还有从父级元素继承过来的inherit border-width 可以设置一到四个值 一...
CSS常用样式和属性
热门推荐
ch_improve的博客
05-19 1万+
1./* */ 样式里的注释 /*单行多行都可以 */ 2.设置宽度 width:300px; 3.设置高度 height:300px; 4.设置背景色 background:gold; 5.设置四周边框, 10像素粗细，solid实线，black黑色 border: 10px dotted black; /* 线的样式：solid（实线边框）、 dashed（虚线边框）、 ...
列表样式和边框属性相关
qq_39224439的博客
08-08 434
设置列表样式 list-style-type:disc; 默认选项,列表前面为实心圆 list-style-type:square; 实心方形 list-style-type:circle; 空心圆 list-style-type:none; 无 设置图片 list-style-image:url(img/money.png); 把...
css 常用 边框阴影
最新发布
07-09
CSS 中的边框阴影（border-shadow）是一个用于添加阴影效果到元素边框的属性。它可以帮助提升视觉层次感，给页面增加一些立体感。边框阴影通常由四个值组成，分别表示偏移量、模糊半径、内阴影和外阴影，每个值都可以有颜色和风格： ```css border-shadow: h-offset v-offset blur-radius spread-radius color inset|none; ``` - `h-offset` (水平偏移): 阴影向左或右移动的距离，默认为0。 - `v-offset` (垂直偏移): 阴影向上或向下移动的距离，默认也为0。 - `blur-radius` (模糊半径): 控制阴影的模糊程度，可以是正值、负值或0（无模糊）。 - `spread-radius` (扩散半径): 如果为正，会增加边框的尺寸；如果为负，则减少边框尺寸。 - `color`: 阴影的颜色。 - `inset` 或 `none`: 设置为 `inset` 可以创建内阴影（阴影在元素内部），默认是外阴影。 例如： ```css .box { border: 1px solid #ccc; border-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); } ``` 这会给`.box` 元素的边框添加一个向外扩散的稍有模糊的灰色阴影。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值