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%的人还看了以下文章

  • 第3课:HTML的元素与标签

    本节课我们学习HTML的重要成分——元素(element)。元素用于结构化HTML文档,并告知浏览器如何呈现网页。一般来说,元素由首标签(start tag)、内容(content)和尾标签(end tag)构成。 “标签”是什么? 标签(tag)指示元素的起始与结束,所有标签都由“<”及“>”所围住,如<html>。一般标签成对出现,首标…

    2018年1月20日
    4.9K0
  • 两个iframe自适应高度的解决方法

    很多小伙伴在做网站的时候对于解决iframe的高度问题都是很头大的一件事,今天吾爱编程为大家介绍一下iframe自适应高度的方法,有需要的小伙伴可以参考一下: 1、需求分析: 使页面中的iframe可以自适应高度,避免页面高度增加的时候页面和iframe会同时出现滚动条。 2、方法一: 在iframe上面直接加onload的方法,使其自适应 <ifra…

    2021年3月16日
    1.1K0
  • js判断输入字符串是否为空、空格、null总结

    本文总结了在用户输入表单数据时,如何使用JS判断输入空格,为空或null的三种情况。

    2021年11月30日
    4.3K0
  • 第13课:HTML音频/视频

    HTML 音频 在 HTML 中播放音频并不容易!您需要谙熟大量技巧,以确保您的音频文件在所有浏览器中(Internet Explorer, Chrome, Firefox, Safari, Opera)和所有硬件上(PC, Mac , iPad, iPhone)都能够播放。 <embed> 元素 <embed> 标签,这是一个 HT…

    2018年1月18日
    2.7K0
  • 第8课:如何做各种超链接?

    在这一课,你将学习如何在网页之间做超链接。 如何做超链接? 做链接只需一个元素<a>和一个属性href就行了。下面是一个例子,它是一个指向www.125jz.com的链接: 例1: <a href=”http://www.125jz.com/”>指向www.125jz.com的链接</a> 该例在浏览器中将显示如下: 指向…

    2018年1月20日
    2.6K0
  • 跟永哥学HTML5(5):正确使用HTML5的nav和figure

    这节课就给大家讲解常见的HTML5标签错误使用写法,帮助大家理解并学会正确使用HTML5的nav和figure。 1、不要把所有列表式的链接放在nav里 随着HTML5引入了 30个新元素,我们在构造语义化和结构化的标签时的选择也变得有些不慎重。也就是说,我们不应该滥用超语义化的元素。不幸的是,nav就是这样一个被滥用的例子。 nav元素的规范描述如下: n…

    2018年2月3日
    2.1K0

发表回复

登录后才能评论