CSS制作简洁的栏目/标题样式

CSS制作简洁的栏目/标题样式

CSS制作简洁的栏目/标题样式

HTML:

<h2><strong>栏目名称</strong></h2>
<h2><strong class="blue">网页设计</strong></h2>
<h2><strong>网站制作</strong></h2>
<h2><strong class="blue">免费空间</strong></h2>

CSS:

h2{margin: 20px 0;border-bottom:3px solid #f0f0f0; width: 100%; height: 33px;}
h2 strong{ float:left; height: 33px; padding:0 10px; font-size: 18px; overflow: hidden; color:#BC272C; border-bottom: 3px solid #BC272C;}
h2 strong.blue{ border-bottom:3px solid #06F; color:#06F}
h2 strong.blue a{ color:#06F}
h2 strong a{color:#BC272C}

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/3131.html

(3)
江山如画的头像江山如画管理团队
上一篇 2019年1月5日 下午4:05
下一篇 2019年1月5日 下午4:30

99%的人还看了以下文章

  • FLV视频播放代码及Flvplayer.swf播放器下载

    FLV是被众多新一代视频分享网站所采用,是目前增长最快、最为广泛的视频传播格式。 FLV 是FLASH VIDEO的简称,它形成的文件极小、加载速度极快,有效地解决了视频文件在网络上很好的使用等问题。 下面分享在网页制作时,插入FLV格式视频的代码(兼容主流浏览器): <object class id=”clsid:D27CDB6E-AE6D-11cf…

    2018年5月14日
    5.3K0
  • div+css实现面包屑导航-默认竖线分隔、箭头分隔、空白分隔

    div+css实现面包屑导航,主要用到了CSS3伪元素before,大家可以通过本利好好理解before的使用方法,下面125建站网给出实现代码。 <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <title></title> &…

    2023年1月5日
    6720
  • div/span水平顶部对齐,同一行div跟内容最多的div高度保持一样高

    一、两个div水平顶部对齐 两个div都设置display:inline-block;  并且右边的div增加样式vertical-align: top; 使得右边的div跟左边的div的顶部对齐。 <div id=’left’ style=”width:20%; display:inline-block”> </div> <d…

    2018年12月10日
    7.8K0
  • 第9课:盒状模型

    CSS中的盒状模型(box model)用于描述一个为HTML元素形成的矩形盒子。盒状模型还涉及为各个元素调整外边距(margin)、边框(border)、内边距(padding)和内容的具体操作。下图显示了盒状模型的结构: CSS中的盒状模型 上面的图示看上去可能感觉有点理论化,好吧,让我们试着用一个实例来解释盒状模型。在我们的例子中,有一个标题和一些文本…

    2020年2月25日
    4.0K0
  • css布局基础:定位练习1

    主要知识点: 1、5种常用定位:静态定位/相对定位/绝对定位/固定定位/吸附定位(磁铁定位) position:static/relative/absolute/fixed/sticky。 2、除静态定位外,都可以用left/top/bottom/right/z-index属性进行移动。 效果图: 效果说明:故宫文字段落设置背景色黑色透明,覆盖在图片底部。 …

    2020年4月4日
    2.6K0
  • jQuery屏蔽页面右键,禁止复制,文本选择代码

    屏蔽页面右键,禁止复制,文本选择功能,用jQuery实现非常简单。 125建站网分享两种方法。 方法一: //禁用右键、文本选择、复制 $(document).bind(“contextmenu”,function(){return false;}); $(document).bind(“selectstart”,function(){return fals…

    2019年10月16日
    3.1K0

发表回复

登录后才能评论