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

  • jquery动态新增元素节点.click点击事件失效的2个解决方法

    问题: ajax读取留言列表,每条留言后面有个回复按钮,class为“reply”,用$(“.reply”).click(function(){ //do something… }),后面通过ajax加载进来的列表中的回复按钮,点击事件会失效。 解决方法: 最简单的方法就是直接在标签中写onclick=”&#8…

    2019年2月16日
    11.7K0
  • CSS实现段落首字下沉效果的2种方法

    CSS实现段落首字下沉效果方法一 在CSS布局中,通过设置首字的大小并向左浮动,从而使得首字与其他字符区别;通过右边距控制首字与其他字符的距离。 #first{font-size:3em; font-weight:bold; float:left; margin-right:20px; } <p><span id=”first”>云&…

    2019年4月2日
    14.0K0
  • HTML5- Canvas入门(二)画线并设置颜色

    HTML5- Canvas入门(一)画线 上一节课我们学会了 Canvas画线,绘制了一条黑色的直线,但如果我们想要绘制一条红色的或者其它颜色的线段,该怎么做呢? 答案很简单,使用ctx.strokeStyle来设定描边的颜色即可。我们画三条红色的线段吧: <canvas id=”myCanvas” width=”200″ height=”200″ s…

    2022年7月10日 网页制作
    8.2K0
  • 第12课:高度和宽度

    到目前为止,我们还没有在元素尺寸方面给予关注。在这一课,我们将看到为元素定义高度和宽度是十分简单的。 设定宽度[width] 设定高度[height] 设定宽度[width] 你可以通过width属性来设定一个元素的宽度,即在水平方向上的尺寸。 下面是一个简单的例子,它为我们提供了一个可以容纳文本的盒子: div.box {width: 200px;bord…

    2020年2月25日
    4.8K0
  • HTML5+CSS3制作网页实例:HTML5入门

    文章最后提供HTML5+CSS3制作网页实例源码下载。 步骤1 -设计 设计师先根据构想使用PHOTOSHOP设计页面,然后开始HTML和CSS编码,从设计背景、颜色和字体,细节部分的工作内容。 步骤2 – HTML 头部html代码 <!DOCTYPE html> <html> <head> <meta…

    2019年3月7日
    14.9K0
  • js实现两个页面表单传值并接收

    网页制作时,需要两个页面之间传值,通过JS就可轻松实现。 js 实现两个页面表单传值并接收源码 A页面: <input type=”text” id=”txt”> <input type=”button” value=”测试” onclick=”test()”/> <SCRIPT LANGUAGE=”JavaScript”&gt…

    2019年7月10日
    4.6K0

发表回复

登录后才能评论