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

  • 给网页中的按钮和图片添加声音

    Loud links-是一款大小只有1.5KB的WEB音效插件,可以实现网页中按钮与图片等元素的触发交互,比如鼠标放上去后出现响声,或者鼠标点击后出现响声。Loud links使用相当简单。 使用方法 1. 在网页中引入JS 文件 <script src=”js/loudlinks.min.js”></script> 2. 在需要触发…

    2018年2月6日
    4.2K0
  • js判断输入字符串是否为空、空格、null总结

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

    2021年11月30日
    4.5K0
  • 第15课:最后提示

    祝贺!你已经进入最后一课了! 我已经学到全部知识了? 如果你已经学完以上教程,恭喜你,你已经学到了很多关于HTML的知识,并且完全有能力创建自己的网站!不过,你所学到的只是基础知识,还有许多内容需要掌握。但是你已经为进一步学习打下了坚实的基础。 在最后这一课中,我们将给予一些最后提示: 首先,在HTML文档中,应保持正确的顺序与结构。令你的HTML文档具有良…

    2018年1月18日
    2.0K0
  • Marquee标签实现跑马灯、滚动公告、通知效果

    1.Marquee基本语法 <marquee> … </marquee> 实例演示:会移动的文字(Marquee) <marquee>啦啦啦,我会移动耶!</marquee> 2.文字移动属性 (1)方向 :direction=# #=left, right,up,down 例: <marqu…

    2019年2月26日
    7.6K0
  • 跟永哥学HTML5(1):认识html5

    HTML5(简称H5),是超文本标记语言(HTML)的第五次重大修改,是最新一代的超文本标记语言,它不单单是一种标记语言,更为下一代 Web 提供了全新功能 。

    2018年1月21日
    1.9K0
  • 怎么让一长串英文字符自动换行?

    长串英文字符之间没有空格,整串都显示在一行,撑破了div,甚至跑到屏幕外了,如何解决? <!doctype html> <html> <head> <meta charset=”utf-8″> <title>怎么让一长串英文字符自动换行?|www.125jz.com</title> &l…

    2019年11月20日
    1.9K0

发表回复

登录后才能评论