FFan丶Blog / CSS / / CSS border边框属性

CSS border边框属性

分类:CSS 发布时间:2020-01-15 11:24:32来源:FFan丶Blog
1、四个边框 border-left 设置左边框,一般单独设置左边框样式使用border-right 设置右边框,一般单独设置右边框样式使用border-top 设置上边框,一般单独设置上边框样式使用border-bottom 设置下边框,一般单独设置下边框样式使用,有时可将下边框样式作为css下划线效果应用。...

1、四个边框

border-left 设置左边框,一般单独设置左边框样式使用border-right 设置右边框,一般单独设置右边框样式使用border-top 设置上边框,一般单独设置上边框样式使用border-bottom 设置下边框,一般单独设置下边框样式使用,有时可将下边框样式作为css下划线效果应用。


2、四边相同边框border简写

#divcss5{border:1px solid #00F}

设置了divcss5对象盒子1px像素蓝色实线边框


3、边框三个样式

通常我们可以对边框设置宽度(厚度)、边框样式、边框颜色这三个属性与参数。

1)、边框颜色:border-color:#000

2)、边框厚度(宽度):border-width:1px

使用数字+单位设置边框厚度宽度,如1px(边框厚度宽度为1像素),边框必须为正数字,大于0的数值。否则设置边框border样式无效。

3)、border边框样式:border-style:solid

边框样式值如下:

none :  无边框。与任何指定的border-width值无关hidden :  隐藏边框。IE不支持

dotted :  在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线(常用)dashed :  在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线(常用)solid :  实线边框(常用)

double :  双线边框。两条单线与其间隔的和等于指定的border-width值groove :  根据border-color的值画3D凹槽

ridge :  根据border-color的值画菱形边框

inset :  根据border-color的值画3D凹边

outset :  根据border-color的值画3D凸边


4、圆角

border-radius


猜你喜欢

  • 以jpg图片为例 使用PowerShell(高级批量命名) cd "图片文件夹路径" $i=1 Get-ChildItem *.jpg | ForEach-Object {     Rename-Item $_ -NewName ("风景_{0:D1}.jpg" -f $i++)

    其他2025-08-06
  • 文章列表 文章标题:<!--{$article_list.title}--> 文章链接:<!--{$article_list.url}--> 图片属性:pic="true" 随机排序:orderby="rand" 行号 (从1开始):<!--{$article_list.rownum}--> 

    ICMS2026-01-14
  • admin后台密码忘记重置方法 1、通过PHPmyadmin工具管理数据库 2、找到表dr_member,找到admin账号记录 3、将password值改为: 62e69b828c74c50a1f6e93227cdf7e77 3、将salt值改为:

    迅睿CMS2026-03-01
  • /* 核心样式:限制p标签最多显示2行,超出隐藏 */ p {   /* 基础布局:必须设置宽度(否则无法触发截断) */   width: 300px; /* 可根据实际需求调整,比如100% */

    CSS2026-03-13
  • 这两个标签都能实现表单提交按钮,但用法、功能、兼容性差异很大,以下是详细对比:一、核心区别一句话总结<input type="submit">:纯文本按钮,只能显示文字,不能嵌套标签,样式限制多。<button>:容器型按钮,可以放文字、图片、图标、HTML 标签,功能更强、更灵活。二、代码用法对比1. <input type="submit">语法格式:<input type="submit" value="提交表单"&g

    html相关标签2026-04-14