首页 > 其他分享 >【前端】CSS:border

【前端】CSS:border

时间:2022-09-20 15:00:55浏览次数:63  
标签:solid 前端 参数 设置 粗线 border CSS

border 是CSS中用于设置元素边框的。
第一个参数为线的粗细。除了数字型值外,还可以写:

  • thin(细线)
  • medium(中粗线)
  • thick(粗线)

第二个参数是线条样式,可选参数如下:

  • 小圆点:dotted
  • 虚线:dashed
  • 双线:double
  • 立体框(凹):groove
  • 立体框(凸):ridge
  • 渐变:inset
  • 渐变:outset
  • 直线:solid

当存在浏览器不被支持的线条样式时,默认更改为solid

第三个参数是颜色。

如果不想要边框可以设置border:none;
但是个人并不推荐这样设置,不如直接设置border:0;

标签:solid,前端,参数,设置,粗线,border,CSS
From: https://www.cnblogs.com/mllt/p/web-border.html

相关文章

  • 前端路由的两种实现方式
    hash模式和history模式1:hash模式带#不太美观主要实现是通过hashchange事件来监听url的变化,从而区实现路由跳转,hash不需要后端配合2:history模式主要是通过history里面的pus......
  • 前端面试总结02-变量类型和计算
    值类型与引用类型值类型:   引用类型常见值类型:consta//undefinedconsts='abc'constn=100constb=trueconsts=Symbol('s')常见引用类型:constobj={x:......
  • 前端面试总结01-html与css
    html:(1)语义化标签的理解:1.增加代码的可读性2.让搜索引擎更容易读懂(2)块级元素与内联元素的标签与区别1.块状元素:display:block/table;常用标签:div,h1,h2,table,ul......
  • 编写 CSS 以使其简洁易读时遵循的 26 条规则
    编写CSS以使其简洁易读时遵循的26条规则CSSStylelintErrorsExamples并非所有开发人员都遵循相同的规则在编写CSS时。如果您与前端开发人员团队合作,则尤其如......
  • 前端Nodejs-Day34
    Node.js:基于ChromeV8引擎的Javascript运行环境浏览器中js的运行环境:前端运行环境Nodejs中js的运行环境:后端运行环境(无法调用DOM和BOM等浏览器内置API)  ......
  • 前端-VUE实现第三方登录
    实现流程点击第三方登录按钮:执行window.open方法,打开一个第三方指定url出口,该地址会指向第三方登录url,并且由第三方提供一个对应的二维码弹出一个小窗口,展示对应二维码:......
  • Vue面试题19:在实际开发过程中,你知道的Vue最佳实践有哪些?(总结自B站up主‘前端杨村长’
    思路:查看vue官方文档:风格指南(重点关注AB级)、最佳实践(生产部署、性能、访问、安全)回答范例从编码风格、性能、安全等方面说几条:1.编码风格方面:命名组件时使用“多词"......
  • 前端微信登录获取code,userInfo,openid
    getUser(e){wx.getUserProfile({desc:'用户完善会员资料',success:res=>{l......
  • css冲突
    当对同一个元素同时设置了两个css属性时,会遵循后面设置的那个(位置顺序为后)用!important也可以直接改变优先级为最大比如下面这个,h1被同时设置了两种颜色,如果不加!import......
  • scss中使用/deep/深度选择器报错的解决办法
    scss中使用/deep/深度选择器报错需求:在带有scoped属性的style中书写样式时,无法作用影响到子组件中的样式,此时我们会使用到deep深度选择器,来解决此问题,我们在使用less预......