css的id选择器与thinkphp结合

<head>
<style type="text/css">
#a2{
 border:1px solid blue; width:140px; height:140px; margin:0 auto;
-webkit-border-radius:70px;
-moz-border-radius:70px;
-o-border-radius:70px;
border-radius:70px;
overflow:hidden;
line-height:140px;
font-size:30px;
font-family:"黑体";
float:left
}
#a3{
 border:1px solid #f60; width:120px; height:120px; margin:0 auto;
-webkit-border-radius:60px;
-moz-border-radius:60px;
-o-border-radius:60px;
border-radius:60px;
overflow:hidden;
line-height:120px;
font-size:25px;
font-family:"黑体";
float:left
}
#a4{
border:1px solid #f60; width:100px; height:100px; margin:0 auto;
-webkit-border-radius:50px;
-moz-border-radius:50px;
-o-border-radius:50px;
border-radius:50px;
overflow:hidden;
line-height:100px;
font-size:20px;
font-family:"黑体";
float:left
}
#a5{
border:1px solid #f60; width:80px; height:80px; margin:0 auto;
-webkit-border-radius:40px;
-moz-border-radius:40px;
-o-border-radius:40px;
border-radius:40px;
overflow:hidden;
line-height:80px;
font-size:15px;
font-family:"黑体";
float:left
}
#a6{
border:1px solid #f60; width:60px; height:60px; margin:0 auto;
-webkit-border-radius:30px;
-moz-border-radius:30px;
-o-border-radius:30px;
border-radius:30px;
overflow:hidden;
line-height:60px;
font-size:10px;
font-family:"黑体";
float:left
}
.a{ text-decoration:none}
</style>
</head>
<body>
<form  method="post">
<foreach name="div" item="vo">
<div id="a{$vo.count}"   align="center">
<a href="{:U(‘flcx‘,array(‘id‘=>$vo[‘id‘]))}" class="a">{$vo.name}</a>
</div>
</foreach>
</form>
</body>

效果图

时间: 2024-09-10 17:19:34

css的id选择器与thinkphp结合的相关文章

CSS:id选择器的使用

本文介绍css中id选择器的基本用法:为某个特定的标签内容设置属性. 代码整理自w3school:http://www.w3school.com.cn <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <meta http-equi

CSS ID选择器(三)

一.ID选择器 ID选择器使用"#"前缀标识符进行标识,后面紧跟指定的元素的ID名称. 如 #box{ width:100px; height:100px;} 元素的ID名称是唯一的,只能对应于文档中一个具体的元素.在HTML中,用来构建整体框架的标签应该定义ID属性,因为这此对象一般在页面中都是比较唯一的,固定的,不会重复,如Logo包含框,导航条,主体包含框,版权区域等. 二.ID设置页面布局 <!DOCTYPE html PUBLIC "-//W3C//DTD X

Id选择器和Class选择器

http://www.runoob.com/css/css-id-class.html http://www.w3school.com.cn/css/css_syntax_id_selector.asp http://www.w3school.com.cn/css/css_syntax_class_selector.asp 如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器. id选择器 id 选择器可以为标有特定 id 的

6 id选择器的用法

<!doctype html> <html> <head> <meta charset="utf-8"> <title>css样式标签</title> <style type="text/css"> /*css中id选择器用法*/ #stess{ color:red; font-size:36px; } </style> </head> <body>

1、CSS 语法和选择器

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明: h1 { color:blue; font-size:12px; } 选择器通常是您需要改变样式的 HTML 元素.每条声明由一个属性和一个值组成.属性是您希望设置的样式属性.每个属性有一个值.属性和值被冒号分开. CSS 注释: /*这是个注释*/ 选择器的优先级: 标签内部样式 > id > class > 标签选择器 标签选择器实例: <style> h3{ color:red; } </style&

CSS中的id选择器和class选择器简单介绍

<!-- CSS中选择器 CSS有两种选择器id和class,总之如果说你想在HTML元素中设置CSS属性, 你要在元素中设置id和class选择器.那么我们现在来一个一个的介绍这两中选择器 id选择器: HTML中的元素属性用id来设置id选择器,CSS中的id选择器是用"#"来定义的 比如: #para1 { text-align:center; color:red; } 这样就定义了一个选择器,什么是选择器,在网上查的是说需要改变的HTML元素,很正确,在一开始我们的内部样

CSS的Class以及ID选择器

9.CSS的Class以及ID选择器 id和class的不同指出在于一个页面同一个ID只能只有一次,而class可以无限制使用. 同样,你可以在html选择器后面使用一个选择器来指定特殊HTML元素,比如p.jam{值}将作用到带有'jam'class属性的段落.10.这个都差点忘了.页面布局 clear float disply等这几个,关于网站用div+css主要把这个用好.总结:基本上都差不多,css的概念都有了一个了解,必定我们是做web开发,但是css,html前端的我们不能不知道,要

CSS类选择器和ID选择器

ID用于标识页面上的特定元素(比如站点导航),而且必须是唯一的. ID也可以用来标识持久的结构性元素,例如主导航或内容区域. ID还可以用来标识一次性元素,例如某个链接或表单元素. 一个ID只能应用于页面上的一个元素. 同一个类名可以应用于页面上任意多个元素,因此类的功能强大的多.类非常适合表示内容的类型或其他相似的条目.例如有一个新闻页面,其中包含多篇新闻,代码如下所示 <div id="story-id-1"> <h2>ID</h2> <p

CSS id 选择器

id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式. id 选择器以 "#" 来定义. 下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色: #red {color:red;} #green {color:green;} 下面的 HTML 代码中,id 属性为 red 的 p 元素显示为红色,而 id 属性为 green 的 p 元素显示为绿色. <p id="red">这个段落是红色.&l