在纯 HTML 和 CSS 中，你可以通过使用一个带有颜色的垂直边框或者一个带有背景颜色的子元素来实现标题旁边的带颜色竖条效果。

以下是两种方法的示例：

方法一：使用带有颜色的垂直边框

你可以使用 border-left 属性为标题添加一个带颜色的垂直边框。




    
    
    Header with Colored Vertical Line
    
        .header {
            border-left: 5px solid #3498db; /* 竖条颜色 */
            padding-left: 10px; /* 竖条与文字的间距 */
            font-size: 24px; /* 标题字体大小 */
        }
    


    This is a Header

老马啸西风2024年3月27日大约 4 分钟

js 手写实现简单版本的 jquery-01-入门教程

jquery 作为一名功成身退的老将，实际上个人觉得所有的新框架都是换汤不换药。

所以还是觉得可以尝试下，自己实现简单版本的 JQuery。

设计目的

jQuery可以分解为JavaScript + Query。即JavaScript查询的意思。所以jQuery的核心目标就是JavaScript查询，通过选择DOM元素再对DOM元素进行操作。并解决了跨浏览器兼容问题，使DOM操作趋于统一。

老马啸西风2020年3月27日大约 24 分钟

Html MVP CSS

个人觉得设计的非常优雅使用的 css 库。

MVP is a minimalist stylesheet for HTML elements.

入门案例





    
    

    
    
    

    My title



    
        
            
                Section Heading
            
            
                NOTHING NOTHING NOTHING NOTHING NOTHING NOTHING NOTHING NOTHING NOTHING NOTHING
            
        
        
        
        
            变换
            &nbsp;&nbsp;&nbsp;&nbsp;
            复制