首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    html 边框变粗 margin -1px

    最近刚开始学习web前端,html和css,对于遇到的边框变粗的问题,用margin为负值解决问题发表一些自己的理解 首先我们来看看下面一张图片 list-style: none;                 ...这里就可以用margin -1px(取决你边框的宽度)来解决。...加入这行代码的样式,如下图  下面我们就来分析这就话,对于边框的top,和left向上和向左移动一个而对于right和bottom它们会把紧跟其后的元素拉过来。...其实每个li都向上和向左在原来的基础上移动了1px,对于bottom边框把下方紧随其后的top边框拉过来之后,top边框也要向上移动1px,刚好重合。...还有其他的解决方法,就是重合的边框你可以设置:border-top(bottom或left或right):none;这样的话也可以取消边框。

    3.4K00

    【CSS】盒子模型圆角边框 ( 通过设置 border-radius 样式设置圆角矩形圆角半径 )

    文章目录 一、盒子模型圆角边框 二、代码示例 1、代码示例 - 正常矩形边框 2、代码示例 - 圆形边框 3、代码示例 - 圆角矩形边框 4、代码示例 - 综合对比示例 一、盒子模型圆角边框 ---..., 使用了圆角边框 ; 圆角的按钮 : 下图中 头像 以及 下面的两个 按钮 , 都是圆角边框 ; 二、代码示例 ---- 1、代码示例 - 正常矩形边框 默认情况下的边框 , 是 矩形的边框...DOCTYPE html> html lang="en"> 圆角矩形 展示效果 : 2、代码示例 - 圆形边框 如果 盒子模型 高度 = 宽度 , 并且 圆角矩形 的 圆角半径 为 50% 或者 高度/宽度 的一半 , 则该圆角矩形 表现就是一个圆 ; 代码示例...= 宽度 , 并且 圆角矩形 的 圆角半径 为 高度 的一半 , 则该圆角矩形 表现就是一个正常的圆角矩形 , 左右两侧是圆角 ; 代码示例 : <!

    2.7K20

    认知系列2:认知半径认知系列2:认知半径

    误区三:认知失调 二、认知半径,决定了一个人能力的大小 认知半径,决定了一个人能力的大小。 那么,应该如何扩大自己的认知半径?...三、认知半径,能力半径,行动半径 一个人要干成事,需要搞清楚自己的三个“半径” 让我们在纸上画三个同心圆: 最里面这个圆圈,对应的是“行动半径” 中间这个圆圈,对应的是“能力半径”: 最外面那个圆圈,...第二条、能力半径要尽可能地明确。...笨人如果意识到自己的笨,并且停留在自己笨的半径内,他就是聪明的;聪明人如果高估了自己的聪明,或者仅仅是混淆了三种“半径”,他就是蠢的。 第三、“半径思维”:就是行动半径要尽可能地小。...认知半径要不停的扩大 能力半径要不停的磨练 行动半径要不停的分解成最简单化

    65020

    Matplotlib-原子半径

    原子半径:原子半径表示孤立的电中性原子的大小。 Covalent Radii:原子间形成化学键的时候,键的长度大体相当于这两个原子的共价半径之和。...Atomic-Ionic Radii:这些是原子的“较为真实”半径,从真实晶体和分子的键长测量,并考虑到一些原子会带电的事实。例如,氯(Cl-)的原子离子半径大于其原子半径。...原子A和B之间的键长是原子半径的总和, dAB=rA+rB Crystal Radii:也许最权威和最受尊敬的原子半径集是Shannon和Prewitt(1969)出版的“晶体”半径,其值后来由Shannon...# 卤素原子使用Cl替代 # 金属原子使用Ag替代 # 半径单位为埃,1埃=0.1纳米 # 半径依次为:原子半径,离子半径,共价半径,范德华半径,晶体半径 atom_rdii= { 'C':[0.67,0.70,0.77,1.70,0.29...:www.crystalmaker.com/support/tutorials/atomic-radii/index.html 原子半径:http://sobereva.com/255 Shannon

    94940

    认知系列2:认知半径

    误区三:认知失调 二、认知半径,决定了一个人能力的大小 认知半径,决定了一个人能力的大小。 那么,应该如何扩大自己的认知半径?...三、认知半径,能力半径,行动半径 一个人要干成事,需要搞清楚自己的三个“半径” 让我们在纸上画三个同心圆: 最里面这个圆圈,对应的是“行动半径” 中间这个圆圈,对应的是“能力半径”: 最外面那个圆圈,...第二条、能力半径要尽可能地明确。...笨人如果意识到自己的笨,并且停留在自己笨的半径内,他就是聪明的;聪明人如果高估了自己的聪明,或者仅仅是混淆了三种“半径”,他就是蠢的。 第三、“半径思维”:就是行动半径要尽可能地小。...认知半径要不停的扩大 能力半径要不停的磨练 行动半径要不停的分解成最简单化

    93520

    刀尖半径为何如此重要?

    通过图1的比较可以看出,刀尖半径和每转进给量对工件表面粗糙度影响最大。要达到理论表面粗糙度要求,正确的刀尖半径和进给量必须被选择。一般情况下,刀尖圆角半径以进给速度的三到四倍为宜。...将刀尖半径设定值和进给量代入,即可计算出理论表面粗糙度和表面粗糙度。 例:刀尖圆弧半径为0.8mm,进给速度为0.2 mm/r,将理论表面粗糙度代入公式。...Ra=0.2*0.2/0.8*125=6.25μm 理论表面粗糙度为:6.25μm 值得注意的是,如果半径太大,会因刀具与工件接触过多而产生振动。相反,如果半径太小,尖端就会变弱并很快磨损。...因此,圆角半径一般为0.3~0.4mm。 圆角半径(边缘半径)补偿 数控车床加工时,需要对拐角半径进行补偿。 编程时,通常将刀尖视为一个点,但实际中存在圆角。...刀尖半径对加工精度的影响如下图所示。如果使用理想的刀尖点进行编程,将会减少切削或过切,从而导致加工误差。刀尖圆弧半径越大,加工误差越大。

    45520

    CSS——边框

    定义 边框(Border)属性是对HTML元素的边框进行定义的CSS属性。...概述 通过边框的样式设置,给元素增加更丰富的外观 边框的设置包含以下内容: 边框的类型 边框的尺寸 边框的前景背景 圆角边框 列表 元素 描述 border border 属性是规定各种单独的边界属性的简写属性...border-style border-style 该属性是用作规定元素所有边框的样式。 border-top 在一个声明中设置所有的上边框属性。...border-image-outset border-image-outset属性规定边框图像可超出边框盒的大小。...border-radius border-radius 该属性用作规定边框圆角。一个半径确定一个圆形;当使用两个半径时确定一个椭圆,该椭圆同边框的交集形成圆角效果。

    4.2K20
    领券