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

Hexo插件及Next内置样式集

">左侧边框蓝色块级 左侧边框紫色块级 右侧边框红色块级...">右侧边框蓝色块级 右侧边框紫色块级 上侧边框红色块级 上侧边框蓝色块级 上侧边框紫色块级 下侧边框红色块级...下载色块 颜色块-红 颜色块-黄 颜色块-绿 颜色块-蓝 颜色块-紫 左侧边框红色块级 左侧边框黄色块级 左侧边框绿色块级 左侧边框蓝色块级 左侧边框紫色块级 右侧边框红色块级 右侧边框黄色块级 右侧边框绿色块级...右侧边框蓝色块级 右侧边框紫色块级 上侧边框红色块级 上侧边框黄色块级 上侧边框绿色块级 上侧边框蓝色块级 上侧边框紫色块级 下侧边框红色块级 下侧边框黄色块级 下侧边框绿色块级 下侧边框蓝色块级 下侧边框紫色块级

15510

大胆尝试这些新的CSS属性,释放CSS的力量吧(一)

:focus 选择器: 选择当前具有焦点的元素。 通常用于样式化或增强当前拥有焦点的元素,例如,更改输入框的边框颜色或文本区域的背景颜色。 不会选择包含有焦点元素的父元素。...id="password" /> 现在,我们可以使用 :focus 和 :focus-within 来添加一些样式: /* 当输入框具有焦点时,样式化输入框本身 */ input:focus...: lightgray; } 在上面的示例中,当用户点击输入框时,输入框自身会具有蓝色边框(使用 :focus 选择器),同时包含有焦点输入框的容器 .container 也会变为灰色背景(使用 :focus-within...,演示了如何使用 accent-color 属性: a { accent-color: blue; } 在这个示例中,accent-color 属性应用于所有链接元素 (),并将链接的强调颜色设置为蓝色...而 accent-color 让我们可以为一些元素选择自定义颜色, color-scheme 则要求浏览器进行更多的适应,例如要求文本输入和文本区域以浅色或深色主题显示

20520

CSS技术

例:在所有 div 标签上修改字体颜色蓝色,字体大小 30 个像素。边框为 1 像素黄色实线。并且修改所有 span 标签的字体颜色为黄色,字体大小 20 个像素。边框为 5 像素蓝色虚线。...例:分别定义两个 div 标签, 第一个 div 标签定义 id 为 id001 ,然后根据 id 属性定义 css 样式修改字体颜色蓝色,字体大小 30 个像素。边框为 1 像素黄色实线。...第二个 div 标签定义 id 为 id002 ,然后根据 id 属性定义 css 样式 修改的字体颜色为红色,字体大小 20 个像素。边框为 5 像素蓝色点线。 <!...例: 修改 class 属性值为 class01 的 span 或 div 标签,字体颜色蓝色,字体大小 30 个像素。边框为 1 像素黄色实线。...: 标签字体颜色蓝色 标签字体大小为30个像素 标签的边框为一个像素的黄色实线 class02: 标签字体颜色为灰色 标签字体大小为26个像素 标签的边框为一个像素的红色实线 然后我们再标签中使用

55610

如何去掉antd中Input、Textarea组件获取焦点时的蓝色边框

Ant Design 的 Input 输入框组件在获取焦点时会有蓝色边框,尝试用 outline:none 去掉这个边框,但是发现不管用。...最终通过 F12 调试发现 Ant Design 的 Input 组件在获取焦点蓝色边框是通过 box-shadow 来实现的。...解决方法:通过CSS样式覆盖原始效果 .ant-input:focus {     border: none;     box-shadow: none; } 为了防止误伤,可以这样写: .ant-input-affix-wrapper... .ant-input:focus {     border: none;     box-shadow: none; } 上面的方法把 border 边框也去掉了,如果需要显示边框,可以通过自定义边框颜色来实现...    -webkit-box-shadow: none;     box-shadow: none; } 声明:本文由w3h5原创,转载请注明出处:《如何去掉antd中Input、Textarea组件获取焦点时的蓝色边框

12.7K30

关于无障碍设计的七件事

使用颜色突出显示或补充显示那些已经很明显的东西。 在下面的例子中,页面以灰度显示,你可以说出有哪些字段是处在错误状态的? ? 大多数人一眼能看出“验证码”字段(最后一行“Code”)处在错误状态。...不过这次加上颜色。现在你可以看出有哪些字段处在错误状态吗? ? 当页面有颜色以后,我们可以看到其实四个输入框全部出错了(前面三行都用了红色边框)。这对于视障用户来说,这个页面没有做到“无障碍”。...幸运的是,最初的CSS重置发布以来,许多流行的重置已经更新,去除了:focus伪类的非样式化。 取消默认焦点样式的意图很可贵:让设计师和开发者使用无障碍的、适合网站样式的东西来替代它们。...IE浏览器自带的灰色虚线边框或是Chrome自带的蓝色光晕就不是很讨人喜欢。 ? 但是,问题是大多数网站都没有建立自己的焦点样式。...键盘交互模型从使用箭头键更改为使用Tab键。 它会更改键盘焦点的处理方式以及下拉菜单关闭后的位置。 与搜索的自动补全的例子不同,幸运的是,非模态对话框可以继续通过箭头键访问。

3K30

CSS 技术

例:在所有 div 标签上修改字体颜色蓝色,字体大小 30 个像素。边框为 1 像素黄色实线。并且修改所有 span 标签的字体颜色为黄色,字体大小 20 个像素。边框为 5 像素蓝色虚线。...例:分别定义两个 div 标签, 第一个 div 标签定义 id 为 id001 ,然后根据 id 属性定义 css 样式修改字体颜色蓝色,字体大小 30 个像素。边框为 1 像素黄色实线。...第二个 div 标签定义 id 为 id002 ,然后根据 id 属性定义 css 样式 修改的字体颜色为红色,字体大小 20 个像素。边框为 5 像素蓝色点线。 <!...例: 修改 class 属性值为 class01 的 span 或 div 标签,字体颜色蓝色,字体大小 30 个像素。边框为 1 像素黄色实线。...-- 需求 1:修改 class="class01" 的 div 标签 和 id="id01" 所有的 span 标签,字体颜色蓝色,字体大小 20 个像素。边框为 1 像素黄色实线。

63020

Web阶段:第二章:CSS语言

CSS选择器 标签名选择器 标签名选择器的格式是: 标签名{ 属性:值; } 需求1:在所有div标签上修改字体颜色蓝色,字体大小30个像素。边框为1像素黄色实线。...并且修改所有span 标签的字体颜色为黄色,字体大小20个像素。边框为5像素蓝色虚线。 举例: <!...-- 需求1:在所有div标签上修改字体颜色蓝色,字体大小30个像素。边框为1像素黄色实线。 并且修改所有span 标签的字体颜色为黄色,字体大小20个像素。...边框为5像素蓝色虚线。...边框为1像素黄色实线。第二个div 标签定义 id 为 id002 ,然后根据id 属性定义css样式 修改的字体颜色为红色,字体大小20个像素。边框为5像素蓝色点线。 举例: <!

56830

全栈之前端 | 4.CSS3基础知识之盒子模型学习

其中 CSS 框模型 (Box Model) 规定了元素框处理元素内容大小、内边距、边框 和 外边距 等方式,其相关属性如下图所示: Content box: 这个区域是用来显示内容,大小可以通过设置.../ border-style: dotted solid double; /* 例3:上边框是红色 右边框是绿色 下边框蓝色边框是粉色 */ border-color:red green blue...pink; /* 例4:上边框是红色 右边框和左边框是绿色 下边框蓝色 */ border-color:red green blue; /* 例5:创建一个有宽度的不可见边框 */ border-color... outline-轮廓 描述: 轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用, 在 CSS 中使用 outline 属性来规定元素轮廓的样式...、颜色和宽度。

21320

CSS基础知识巩固你的前端基础

"> @import "css样式文件的url"; 使用内部样式定义: div { background-color: #...css中常用的伪类如下表所示: 伪类名 说明 :active 向被激活的元素添加样式 :focus 向拥有输入焦点的元素添加样式 :hover 向鼠标悬停在上方的元素添加样式 :link 向未被访问的链接添加样式...设置是否显示表格中空单元格上的边框和背景 table-layout 设置用于表格单元格列宽的设置方式 盒模型 css盒模型,包含元素内容 content,内边距 padding,...设置下边框颜色属性 border-left-color 设置左边框颜色属性 border-color 设置4条边框颜色属性 border-top 用一条声明定义所有上边框的属性 border-right...css轮廓是绘制在元素周围的一条线,位于边框边缘的外围,起到突出元素的作用。

2K10

Imooc之Html与CSS

---- Imooc CSS 认识CSS样式 CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等...---- 盒模型–边框(一) 盒子模型的边框就是围绕着内容及补白的线,这条线你可以设置它的粗细、样式和颜色(边框三个属性)。...如下面代码为 div 来设置边框粗细为 2px、样式为实心的、颜色为红色的边框div{ border:2px solid red; } 上面是 border 代码的缩写形式,可以分开写:...border-color(边框颜色)中的颜色可设置为十六进制颜色 如: border-color:#888;//前面的井号不要忘掉。...任何元素在默认情况下是不能浮动的,但可以用 CSS 定义为浮动,如 div、p、table、img 等元素都可以被定义为浮动。如下代码可以实现两个 div 元素一行显示

6.7K20

前端入门学习--CSS

DOCTYPE html即可 CSS 边框 CSS 边框属性 CSS边框属性允许指定一个元素边框的样式和颜色边框样式 边框样式属性指定要显示什么样的边界。...效果取决于边框颜色值 inset:定义一个3D的嵌入边框。效果取决于边框颜色值 outset: 定义一个3D突出边框。... CSS 轮廓 轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。... 这个段落不是蓝色文本。 所有 class="marked"元素内的 p 元素指定一个样式,但有不同的文本颜色。...内联元素的例子: <span> <a> 如何改变一个元素显示 可以更改内联元素和块元素,反之亦然,可以使页面看起来是以一种特定的方式组合,并仍然遵循web标准。

27.6K20

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券