<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>

效果图

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

  1. Css基础-id选择器

    id 选择器以#来定义 <p id="pid">Hello css</p> #pid { color:red; } <div id="div ...

  2. css：id选择器的权重>class选择器的权重=属性选择器的权重>元素选择器

    最近的项目要自己写前端了,重新学习下前端的一下基本知识. 一般在css样式表中,上面的会被下面的覆盖,如下图,文字会显示蓝色: 所以按照正常的来说,下面的css样式,测试的文字应该还是蓝色 但结果,测 ...

  3. CSS用Id选择器在本页写样式

    <title>静夜思</title><style type="text/css">#red{color:#ff0000; font-weight ...

  4. CSS ID选择器(三)

    一.ID选择器 ID选择器使用"#"前缀标识符进行标识,后面紧跟指定的元素的ID名称. 如 #box{ width:100px; height:100px;} 元素的ID名称是唯一 ...

  5. css常用属性总结第二弹:id选择器

    承接上一篇class选择器,这一篇我们来说说css的id选择器. id选择器类似于类选择器,不过也有一些重要的差别,首先,id选择器前面有一个#号----称它为棋牌号吧,class为点号,用法就和cl ...

  6. 23----2013.07.01---Div和Span区别,Css常用属性,选择器,使用css的方式,脱离文档流,div+css布局,盒子模型,框架,js基本介绍

    01 复习内容 复习之前的知识点 02演示VS创建元素 03div和span区别 通过display属性进行DIV与Span之间的转换.div->span 设置display:inline   ...

  7. Id选择器和Class选择器

    http://www.runoob.com/css/css-id-class.html http://www.w3school.com.cn/css/css_syntax_id_selector.as ...

  8. CSS基础--属性选择器、伪类选择器

    属性选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ...

  9. CSS id 选择器

    id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式. id 选择器以 "#" 来定义. 下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二 ...

随机推荐

  1. unity 在脚本B中调用脚本A的函数

    一,在脚本B中调用脚本A的函数. 脚本A: //myFuncs.cs using UnityEngine;using System.Collections; namespace myFuncs{    ...

  2. C 指针改变变量值

    /** *通过指针改变局部变量值 **/ #include"stdio.h"#include"stdlib.h" void work(char* chuck){ ...

  3. JPDA and Set up Tomcat for Remote Debugging

    * About JPDA (http://docs.oracle.com/javase/7/docs/technotes/guides/jpda/architecture.html) JPDA: (J ...

  4. php短域名转为实际域名的函数参考

    将实际域名转换为短域名,有时也要反转查看下实际域名,可以参考如下的函数. 代码如下: <?php /** * php短域名互转 * edit by www.jbxue.com * 最后修改日期: ...

  5. JS操作Cookies的小例子

    这篇文章介绍了JS操作Cookies的小例子,有需要的朋友可以参考一下. 您可能感兴趣的文章:js 保存与获取cookie的代码javascript cookie操作实例详解javascript co ...

  6. Azure Redis

    https://azure.microsoft.com/en-us/blog/mvc-movie-app-with-azure-redis-cache-in-15-minutes/ https://a ...

  7. python 分别用python2和python3伪装浏览器爬取网页内容

    python网页抓取功能非常强大,使用urllib或者urllib2可以很轻松的抓取网页内容.但是很多时候我们要注意,可能很多网站都设置了防采集功能,不是那么轻松就能抓取到想要的内容. 今天我来分享下 ...

  8. linux命令（31）：more

    一.more命令 more功能类似 cat ,cat命令是整个文件的内容从上到下显示在屏幕上. more会以一页一页的显示方便使用者逐页阅读,而最基本的指令就是按空白键(space)就往下一页显示,按 ...

  9. hdoj1251 统计难题 字典树

    统计难题 Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 131070/65535 K (Java/Others)Total Submi ...

  10. java.lang.NoClassDefFoundError: Ljavax/enterprise/inject/spi/BeanManager;

    java.lang.NoClassDefFoundError: Ljavax/enterprise/inject/spi/BeanManager; 删除Struts2-cdi-plug 的插件的jar ...