如何用CSS定义列表框的样式?

问题描述

如何用CSS定义列表框的样式?

解决方案

解决方案二:
<style>.box{border:1pxsolid#C0C0C0;width:72px;height:19px;clip:rect(0px,71px,18px,0px);overflow:hidden;}.box2{border:1pxsolid#F4F4F4;width:70px;height:17px;clip:rect(0px,69px,16px,0px);overflow:hidden;}select.nice{position:relative;left:-2px;top:-2px;font-size:12px;width:73px;line-height:14px;border:0px;color:#414141;}</style>起始日期:&nbsp;&nbsp;<spanclass="box"><spanclass="box2"><selectname=YYYYclass="nice"><option>1997</option><option>1998</option></select>你看看吧

时间: 2024-10-21 22:15:01

如何用CSS定义列表框的样式?的相关文章

如何用CSS定义表格与模拟表格

css 在这里~首先要说明的~我不是推荐大家使用表格布局,而是跟大家说明在显示大批量的数据时~还有表格可以用,而用DIV可以模拟出绝大部分以前的表格布局跟数据显示,在后面会讲些代替表格的显示方式.同时,因为找详细的中文介绍.英文的水平又有限.看W3C那介绍~有些地方可能理解错误,如果有发现的朋友请帮忙指出. [1]表格应用 1表格的基本标签 2分析表格的基本标签3基本演示 [2]层模拟表格1模拟前的建议 2两列多行的数据显示 3三列多行的数据显示 表格应用 1.表格的基本标签: TABLE {

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;} 现在我们看到的是类t

如何用css定义表格自动换行,避免变形

今天早上一样开例会,指出了我一个页面的错误,层被撑开了 当时还比较郁闷,因为我是用中文测试的,没有问题 他们让我改英文,完蛋了,面目全非,我哑口无言 改吧,没办法啊,技术不到家啊~555~~ 以上纯属发牢骚,大家可以省过,找来的解决方案,记录一下,方便以后查找 ===================================================== style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: brea

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定义<li>和<hr>的样式

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

用CSS定义&amp;lt;li&amp;gt;和&amp;lt;hr&amp;gt;的样式

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

详解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高级应用:定义列表的特殊用法

有序无序单标签很简单,只要知道用法就行,但是关键点我认为不在于知道这个标签长什么样,重点是在于什么样的数据适合使用什么样的列表.什么样的数据是有序的,什么样的数据是无序的?阅读完要思考,这样才能学到东西,知识才能是自己的. 定义列表其形式特别,用法也很特别,相比较无序列表来说用到定义列表的就少很多.也有很多朋友还没有开始使用这个列表,那么下面就来分解一下这个列表的代码: <dl> <dt></dt> <dd></dd> </dl> 看