如何使用字母表内部更宽的标签？

作者：零落曦_622 | 来源：互联网 | 2023-05-25 23:31

如何解决《如何使用字母表内部更宽的标签？》经验，为你挑选了1个好方法。

我正在努力研究一个非常简单的徽标.

AngulAir

HTML

AngulAir

CSS

.angulair span{
        color: #fff;
        background-color: #205081;
    }

我想要的是使A的跨度标签更宽,使蓝色的高度和宽度相等.我已经尝试在CSS中添加宽度,但这不起作用.如何使span标签更宽,使蓝色为正方形？

1> Vucko..：

好吧,只需使用padding就足够了:

.angulair span {
    color: #fff;
    background-color: #205081;
    padding:10px 16px;
}


AngulAir




    
        
                        css
                        css3
                        html
                        text
                    
    



    
        写下你的评论吧 !
        
            
                吐个槽吧,看都看了
            
            
                
                                        会员登录 | 用户注册
                                    
                
            
        

        
    

    
        推荐阅读
        
            
                                
                    
                        int
                        一篇文章搞定css3 3d效果
                    

                    
                                                
                            
                        
                                                
                        css33d学习心得卡片反转魔方banner图首先我们要学习好css33d一定要有一定的立体感通过这个图片应该清楚的了解到了x轴y轴z轴是什么概念了。首先先给大家看一个小 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-11 12:41:15
                    

                

                
                                
                    
                        int
                        试图实现向上箭头 - trying to achieve arrow pointing upwards
                    

                    
                                                
                        Iamtryingtoachievethearrowpointingupwards..iamtryingtoachieveitinmycssiamnotabl ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-09 19:41:30
                    

                

                                
                    
                    
                
                
                                
                    
                        io
                        前端实用的CSS3技巧有哪些
                    

                    
                                                
                            
                        
                                                
                        本文小编为大家详细介绍“前端实用的CSS3技巧有哪些”，内容详细，步骤清晰，细节处理妥当，希望这篇“前端实用的CSS3技巧有哪些”文章能帮助大家 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-25 13:50:50
                    

                

                
                                
                    
                        io
                        css3基础学习笔记
                    

                    
                                                
                        1、给边框加上圆角及阴影，如下代码：<!DOCTYPEhtmlPUBLIC"-W3CDTDHTML4.01TransitionalEN"" ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-17 19:38:46
                    

                

                
                                
                    
                        io
                        css设置尖角按钮
                    

                    
                                                
                        http:js.alixixi.coma2014021292298.shtmlhttp:w3cshare.comexample?pid134http:w3cshare.comc ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-17 13:26:50
                    

                

                
                                
                    
                        include
                        在DIV内垂直居中UL - Centering Vertically an UL inside a DIV
                    

                    
                                                
                            
                        
                                                
                        iamtryingtomakeanavigationmenuinsidea200pxx200pxsquare,thisnavigationlist(UL)chang ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-16 19:05:52
                    

                

                
                                
                    
                        range
                        CSS3选择器的使用方法详解，提高Web开发效率和精准度
                    

                    
                                                
                            
                        
                                                
                        本文详细介绍了CSS3新增的选择器方法，包括属性选择器的使用。通过CSS3选择器，可以提高Web开发的效率和精准度，使得查找元素更加方便和快捷。同时，本文还对属性选择器的各种用法进行了详细解释，并给出了相应的代码示例。通过学习本文，读者可以更好地掌握CSS3选择器的使用方法，提升自己的Web开发能力。 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-12-14 14:37:52
                    

                

                
                                
                    
                        controller
                        后台获取视图对应的字符串
                    

                    
                                                
                            
                        
                                                
                        1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注：不会执行对应的ac ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-12-13 18:03:01
                    

                

                
                                
                    
                        int
                        《数据结构》学习笔记3——串匹配算法性能评估
                    

                    
                                                
                            
                        
                                                
                        本文主要讨论串匹配算法的性能评估，包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库，可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n)，通过随机取出长度为m的子串作为模式P，在文本T中进行匹配，统计平均复杂度。对于成功和失败的匹配分别进行测试，分析其平均复杂度。详情请参考相关学习资源。 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-12-13 16:16:05
                    

                

                
                                
                    
                        int
                        解决IE678伪类不兼容问题的方法
                    

                    
                                                
                        本文介绍了解决IE678伪类不兼容问题的方法，包括少用CSS3和HTML5独有的属性，使用CSS hacker，使用last-child清除浮动、批量添加标签、去掉list item最后一个的border-right等技巧。同时还介绍了使用after清除浮动时加上IE独有属性zoom:1的处理方法。另外，本文还提到可以使用jQuery代替批量添加标签的功能，以及使用负边距和CSS2选择器element+element去掉list item最后一个的border-right的方法。 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-12-13 10:50:43
                    

                

                
                                
                    
                        int
                        一款清新的jQuery日历插件 带日期的Tooltip提示
                    

                    
                                                
                        一款清新的jQuery日历插件带日期的Tooltip提示543人浏览发表回复这是一款非常简单清新的jQuery日历插件，它并没有特别的日期或者时间选择功能，仅仅是展示一个简单的日历控件。这款jQu ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-11 16:29:28
                    

                

                
                                
                    
                        io
                        如何使用JavaScript动态设置CSS3属性值
                    

                    
                                                
                        这篇文章将为大家详细讲解有关如何使用JavaScript动态设置CSS3属性值，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-11 05:24:06
                    

                

                
                                
                    
                        io
                        怎么使用css3画三角形
                    

                    
                                                
                            
                        
                                                
                        小编给大家分享一下怎么使用css3画三角形，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！首先看一下css3画三角形的原理我们先来看 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-25 07:28:58
                    

                

                
                                
                    
                        int
                        CSS3你可能不知道的冷知识
                    

                    
                                                
                        可能我们在看一些网页的源码时会发现自己从来没见过的属性或用法今天我就来总结一下CSS3的冷知识样式计算在CSS中也可以进行简单的计算通过calc函数可以实现这样还可以使我们的 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-24 12:20:45
                    

                

                
                                
                    
                        int
                        webstorm开发vue组件时，支持scss/less等预处理语言
                    

                    
                                                
                        vue组件支持预处理语言的关键点：<stylerelstylesheetscss>.mint-swipe{hei ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-17 15:50:09

















    

    
        
            
            
                
                
            

            
                零落曦_622            

            
                这个家伙很懒，什么也没留下！            


        
    

    
    

    
    

    
        Tags | 热门标签
        
            
                                
                    config
                
                                
                    java
                
                                
                    jsp
                
                                
                    export
                
                                
                    typescript
                
                                
                    tree
                
                                
                    settings
                
                                
                    bit
                
                                
                    bash
                
                                
                    version
                
                                
                    javascript
                
                                
                    join
                
                                
                    post
                
                                
                    format
                
                                
                    web3
                
                                
                    header
                
                                
                    io
                
                                
                    search
                
                                
                    testing
                
                                
                    int
                
                                
                    actionscrip
                
                                
                    controller
                
                                
                    dockerfile
                
                                
                    include
                
                                
                    range
                
                                
                    perl
                
                                
                    usb
                
                                
                    vbscript
                
                                
                    bytecode
                
                                
                    jar
                
                                
            
        
    

    
    
        
            
            
        
        RankList | 热门文章
        
            
                                
                    1Android 保持屏幕常亮
                
                                
                    2IB中文（语言与文学）介绍分析
                
                                
                    3李子柒一年能赚多少钱，数据量化给你看
                
                                
                    4开发笔记:ALGOLTEK AG9320方案设计资料与应用
                
                                
                    5世界最顶尖的十所大学排名（2020排名全球前十的大学）
                
                                
                    6Android开发之渐变色
                
                                
                    7.Net Core 使用Swagger,且使用自定义UI(Knife4jUI)
                
                                
                    8春季第五周作业
                
                                
                    9FAQ：redis key/value 前面出现\xAC\xED\x00\x05t\x00\x05
                
                                
                    10Jar包冲突引发的血案
                
                                
                    11html 让table表格中的td单元格内容过长显示为固定长度，多余部分用省略号代替?
                
                                
                    12社交代币和 SocialFi：创作者经济的黄金时代即将到来
                
                                
                    13(Problem 1)Multiples of 3 and 5
                
                                
                    14浅谈C中的指针和数组（三）
                
                                
                    15使用Python来计算均值、中位数、标准差