CSS常用边框

常用边框

border: solid 1px black

1像素的黑色边框

某一边的边框

border-top: solid 1px black
border-right: solid 1px black
border-bottom: solid 1px black
border-left: solid 1px black

上边框、右边框、下边框、做边框

透明边框

border: solid 1px rgba(206,35,35,0.1)
border: solid 1px rgba(206,35,35,0.4)

透明度0.1,透明度0.4

实线、虚线边框

border: solid 1px black
border: dashed  1px black

Demo演示

Demo演示和调试

(0)

相关推荐

  • CSS 奇思妙想边框动画

    今天逛博客网站 -- shoptalkshow,看到这样一个界面,非常有意思: 觉得它的风格很独特,尤其是其中一些边框. 嘿嘿,所以来一篇边框特辑,看看运用 CSS,可以在边框上整些什么花样. bor ...

  • HTML和CSS常用单词表

    HTML和CSS常用单词表 header 头部/页眉: index 首页/索引: logo 标志: nav/sub_nav 导航/子导航: banner 横幅广告: main/content 主体/内 ...

  • CSS常用颜色代码对照表

    morningao 2014-01-23 11:17:45 1397 收藏 1FFFFFF #DDDDDD #AAAAAA #888888 #666666 #444444 #000000#FFB7DD ...

  • CSS 常用属性

    头尾元素::first-child :last-child 某个元素:(按同类元素顺序):nth-of-type(n) 某个元素:(仅按顺序):nth-child(n):优势可以局部显示html< ...

  • [css] 第105天 怎么实现移动端的边框0.5px?

    今日试题: 怎么实现移动端的边框0.5px? 此开源项目四大宗旨:勤思考,多动手,善总结,能坚持 <论语>,曾子曰:"吾日三省吾身"(我每天多次反省自己). 前端面试每 ...

  • vue 开发常用工具及配置八:scoped CSS 模块化

    目录 1.为什么需要使用 scoped 2.scoped 穿透问题 1.为什么需要使用 scoped ? 当一个style标签拥有scoped属性时,它的CSS样式就只能作用于当前的组件.通过该属性, ...

  • word文本常用格式视频:设置文本显示样式添加上标下标及边框

    word文本常用格式视频|word文本显示样式视频|word添加上标下标视频|word文本添加边框视频 本视频教程由部落窝教育分享.

  • uniGUI: 通过css设置Panel的四个边框

    作者: dmzn (dmzn)★☆☆☆☆-盒子活跃会员2021/9/3 0:43:06标题:uniGUI: 通过css设置Panel的四个边框浏览:26加入我的收藏楼主:有时候需要去掉Panel的某些 ...

  • css如何设置边框

    在 HTML中,我们使用表格来创建文本周围的边框,有些效果差强人意,但是如果通过使用 CSS 边框属性,我们将可以创建出效果更加出色的边框,并且可以应用于任何元素.  CSS的 border‐styl ...