css定义div里面class样式

好了下面我们就来看一个例子吧.

.top_menu{
background-color:#3399cc;
text-align:left;
height:18px;
margin-top:1px;
margin-bottom:6px;
padding-top:6px;
padding-bottom:4px;
padding-left:2px;}
.top_menu a,.top_menu a:visited{padding-left:2px; color:#000000;}

现在我们看到的是类top_menu,而下面的top_menu a,.top_menu a:visited则是定义它的a 标签的样式哦.

<div class=top_menu>

   <a href=www.111cn.net>中国WEB第一站</a>

   <a href=www.111cn.net>中国WEB第一站</a>

   <a href=www.111cn.net>中国WEB第一站</a>

</a>

我现在就要控制区top_menu里面的a显示方式

.top_menu a,.top_menu a:visited{padding-left:2px; color:#000000;}

这样就行了,好了我想你应该也明白了,就不写了,

本站原创转载请注明来自www.111cn.net/cssdiv/css.html

时间: 2024-09-23 04:54:49

css定义div里面class样式的相关文章

css 定义 div边框代码

 代码如下 复制代码 <title>css 定义 div边框代码</title> <style type="text/css">  .111cn_net {  BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; OVERFLOW: hidden; BORDER-LEFT: #cccccc 1px solid; WIDTH: 300px; LINE-HEIGHT: 104px;

css美化Div边框的样式实例

  今天工作干完了,想到前几天一个CSS新手让我帮他美化一下他的Div边框,索引想到不如写一个CSs小教程 ,帮助更多的CSs新手学会以如何用CSS来美化网页上的边框,不只是Div,其实其它元素的美化方法和Div是一样的,下面以美化Div边框为例做介绍. 先来写一个美化边框的CSS代码: border:1px solid #96c2f1;background:#eff7ff 将这段CSS代码应用在Div上,产生边框效果,代码如下:     <div style="padding:8px;b

CSS定义DIV圆角边框

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head> <meta

css 定义input文本输入框样式

   这是一张效果图片,我们下面来看看input的源码html代码吧.  代码如下 复制代码 <div id="comment">      <form id="commentform" method="post" action="post.php" enctype="multipart/form-data">             <div id="input&q

CSS定义Radio单选项和Checkbox复选框样式有效代码

 我们都知道一般情况利用css来定义Radio单选项和Checkbox复选框样式是无效的,下面我来给大家介绍利用CSS定义Radio单选项和Checkbox复选框样式,有需要了解的朋友可参考. 完全使用css来实例 代码如下: <style type="text/css"> form#form1 {font:12px tahoma,sans-serif} input[type="checkbox"] {visibility:hidden;width:0;

css小白提问 问什么div的父样式无法显示?

问题描述 css小白提问 问什么div的父样式无法显示? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang=&q

详解CSS定义HR水平线的几种样式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  &

实例学习:网页中用CSS定义<li>和<hr>的样式

css|网页 本来之前我打算写表现本文主题的文章,但最近在新浪博客群中看到了这篇文章,就不用我多费心血了,这里转载过来,希望对大家有所帮助. li {list-style-image: url(images/disc.gif);} li的这个样式定义是将列表项目使用图片来代替显示的小圆点.当然您也可以显示成其它效果,详细请参阅下面的定义: 列表项目效果的CSS定义 *list-style-type: circle(可换成自己想要的样式); 列表项目样式 disc : CSS1 实心圆 circl

css 样式 ,给div设置了最小高度 当内容溢出最小高度时 之前给容器div设置的样式没作用

问题描述 css 样式 ,给div设置了最小高度 当内容溢出最小高度时 之前给容器div设置的样式没作用 解决方案 DIV设置最小高度DIV设置最小高度为什么我的设置的div最小高度不对 解决方案二: 不懂你要问什么东东,代码也没有.. 解决方案三: 你用浏览器调式调式呢 解决方案四: 你用的是谷歌调试吗?