html设置边框的方法:1、通过“border-width”属性设置边框宽度;2、通过“border-style”属性设置边框样式;3、通过“border-color”属性边框颜色。

本文操作环境:Windows7系统、HTML5&&CSS3版,DELL G3电脑

HTML 为元素设置边框

属性:border,可以为元素这是上右下左四条边框(顺序很重要)

取值有三个:

1.border-width:边框宽度,默认3px,可以手动设置,取像素值

2.border-style:边框样式,必填项。可取: solid (实线边框) dashed(虚线边框) dotted(点线边框) double(双线边框)

3.border-color:边框颜色,取颜色值,默认黑色

Document

h1{

width:300px;

height:150px;

}

.c1{

/*边框宽度与颜色有默认值,样式必须设置*/

border:solid;

}

.c2{

border:5px solid red;

}

.c3{

border:5px dashed green;

}

.c4{

border:5px dotted blue;

}

.c5{

border:5px double orange;

}

效果如下:

html元素设置四边框的顺序,互联网常识:html怎么设置边框相关推荐

  1. 设置计算机的启动顺序CDROM.C.A,怎么设置开机从光驱启动

    篇一:怎样设置光盘为第一启动项 怎样设置光盘为第一启动项 1. 重启,按Del进BIOS,找到Advanced Bios Features(高级BIOS参数 设置)按回车进Advanced Bios ...

  2. HTML怎么设置左边外距5像素,互联网常识:css怎么设置左边距

    css设置左边距的方法:1.使用margin-left属性,可以设置元素的左外边距,语法格式"margin-left:边距值;":2.使用padding-left属性,可以设置元素 ...

  3. php 从数组里删除元素,PHP从数组中删除元素的四种方法实例

    PHP从数组中删除元素的四种方法实例 一.总结 一句话总结:unset(),array_splice(),array_diff(),array_diff_key() 二.PHP从数组中删除元素的四种方 ...

  4. java如何设置圆角边框_巧妙实现带圆角的渐变边框

    如何实现下面这个渐变的边框效果: 这个问题本身不难,实现的方法也有一些,主要是有一些细节需要注意. border-image border-image 是 CSS 规范 CSS Backgrounds ...

  5. 【响应式Web前端设计】css如何设置边框的圆角样式?border-radius属性设置圆角样式(图 文)

    border-radius包含5种设置圆角样式方式: border-radius :同时设置4个边框的圆角样式. border-top-left-radius :设置左上角边框的圆角样式. borde ...

  6. 数据结构——线性表的查找:顺序查找、设置监视哨的顺序查找、折半查找

    算法7.1顺序查找 #include<iostream> using namespace std;typedef int KeyType; typedef int InfoType; #d ...

  7. 设置监察哨的顺序查找

    思想    在表的一端设置一个称为"监视哨"的附加单元,存放要查找元素的关键字.从表的另一端开始查找如果在"监视哨"找到元素的关键字,返回查找失败信息,否则返回 ...

  8. Nwafu-OJ-1421 Problem S C语言实习题四——4.数据顺序调整

    问题 S: C语言实习题四--4.数据顺序调整 时间限制: 1 Sec  内存限制: 128 MB 题目描述 由键盘任意输入10个数,将最大数调到最前面,最小数调到最后面. 输入 任意10个数 输出 ...

  9. 3d 数学(叉乘、四元素、四元素旋转、四元素和四元素相乘、鼠标控制物体旋转、发射子弹、环形发射子弹、子弹缓冲池)

    目录 1.叉乘 2.四元素 3.四元素旋转 4.四元素和四元素相乘 5.鼠标控制物体旋转 6.发射子弹 7.环形发射子弹 8.子弹缓冲池 1.叉乘 两个向量叉乘,得到一个新的向量,新向量跟原始两个向量 ...

最新文章

  1. 010 并发的三个特性
  2. java注释日志打印_java 日志文件打印
  3. C#基础第七天-作业-利用面向对象的思想去实现名片-动态添加
  4. 2013第51周二eclipse启动优化
  5. Bugku—MISC题总结
  6. mysql全备份+增量备份笔记总结
  7. Ebooks C/C++
  8. 虚拟资源拳王公社:虚拟副业怎么赚钱,最简单的副业是什么,小白没经验怎么做副业
  9. mysql核心内幕_MySQL核心内幕
  10. 关闭后天 树莓派_树莓派|如何打开和关闭树莓派(绝对新手)
  11. windows输入法打出的字母空隙很大怎么办?
  12. Python糗百爬虫(精简版)
  13. 20200608模拟赛 Endless
  14. Cocos--开启物理
  15. UVa 12304 2D Geometry 110 in 1!(圆的处理)
  16. 高分影像批处理第一回——数据格式分析与整理
  17. 试发贴:央视《焦点访谈》曝光淘宝网纵容售假
  18. 微信小程序自定义card图文组件
  19. 【官网原文】Android 7.0 行为变更
  20. 计算机基础在线阅读高职,高职计算机基础教案一

热门文章

  1. windows下断开文件共享连接的方法
  2. 强化学习(Reinforcement Learning)中的Q-Learning、DQN,面试看这篇就够了!
  3. CSDN客服体验记录20220817
  4. java switch用法_Java switch语句
  5. cube旋转立方体(Qt-OpenGL)
  6. SK hynix announces 96GB DDR5 CXL 2.0 memory expansion solution【搬运外媒VedioCardz报道(手工翻译)】
  7. 骨传导耳机的原理是什么,什么人群适合用骨传导耳机
  8. 软件架构设计标准 (IEEE 1471 2000) ——极简教程
  9. hive sql趣味题-求两两的共同好友
  10. python3坦克大战