`
高成锋
  • 浏览: 51265 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

DIV圆形边框设置

    博客分类:
  • web
 
阅读更多
<!--WizRtf2Html Charset=0 --><%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPEhtml PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>div样式</title>
<style type="text/css">
<!--
.test {
background-color: gray;
width:300px;
display: inline-block;
padding: 5px 10px 6px;
text-decoration: none;
 
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer
}
-->
</style>
</head>
<body>
<div class="test">1231231231</div>
</body>

</html>

分享到:
评论

相关推荐

    NiftyCube javascript圆形边框

    十分方便的div圆形边框效果,附件有很多例子

    css+div实现各种常见边框.zip

    css+div实现各种常见边框(大括号、小括号、圆形括号等) 1、完整的代码示例,清晰简单; 2、效果示例图,轻松可见

    基于javascript实现按圆形排列DIV元素(一)

    绿色边框内:外层的DIV元素,相对定位; 白色圆形框:辅助分析的想象形状; 白点:为白色圆形的圆心点,中心点,点o; 圆心角:角NOG; 黄色:需要按圆形排列的,绝对定位的DIV元素; 红色点:为每个黄色DIV的坐标点;即...

    CSS3圆角边框和边界图片效果实例

    本文的学习要点如下: ... &lt;div&gt;border-radius 属性允许您为元素添加圆角边框! &lt;/div&gt;  div { width: 200px; height: 100px; padding:20px; border: 1px solid red; border-r

    使用CSS的border-radius属性 设置圆弧

    二:给div设置圆角边框的弧度 三:给div设置弧度为50%的时候 正方形就会变为圆形 四:如果给长方形设置50%的弧度 就会得到椭圆形 5:如果需要得到中间保持长方形的直线 两边设置为圆弧呢? 就使用像素px进行设置 ...

    Android自定义View实现简单的圆形Progress效果

    我们要实现一个自定义的再一个圆形中绘制一个弧形的自定义View,思路是这样的:  先要创建一个类ProgressView,继承自View类,然后重写其中的两个构造方法,一个是一个参数的,一个是两个参数的,因为我们要在xml...

    用CSS3和table标签实现一个圆形轨迹的动画的示例代码

    html:其实就是根据table标签把几个实心圆div进行等边六角形的排布,并放入一个div容器中,然后利用CSS3的循环旋转的动画效果对最外层的div容器进行自转实现,当然不要忘了把div容器的外边框设置圆形弧度的。...

    100多个JQuery效果示例(实例)div+css+javascrpit

    2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效...

    【JavaScript源代码】vue手写加载动画项目.docx

    使其成为圆形,再给该div3px的边框并设为透明,然后在单独设置上边框为白色,用::before,::after伪类absolute定位并进行同样设置,不同之处是依次增大留出的间隙,以及动画执行时间变长和设置延迟,这样就能形成...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    1.jquery+div随屏幕滚动特效(支持设置参数滚动) 2.jQuery字符插件之适合留言板的jquery文本框输入字符限制插件下载 3.jquery实现Tooltip提示(文字、链接、地图锚点),自带5种不同样式 4.jQuery实现支付宝隐藏...

    css+圆角总结

    为HTML网页做圆角。汇集css 无图片圆角,CSS圆角区块容器,div + CSS 圆角矩,WEB2.0 圆形边框 div 使用 css 做法。

    JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个

    2. jquery+css五屏焦点图淡入淡出+圆形按钮切换广告图片代码 3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的...

    从入门到精通HTML5——PDF——网盘链接

     7.3 设置表格的边框 127  7.3.1 表格边框的宽度——border 127  7.3.2 表格边框的颜色——bordercolor 128  7.3.3 表格内框的宽度——cellspacing 130  7.3.4 表格内文字与边框的间距  ——cellpadding ...

    Html轻松实现圆角矩形

    边框线(用来调整四个原角的相对位置,调整好后可以将边框线设置删除) 在设置小层的css时,每个层里都要有的属性有: 1.position:absolute; 2.宽和高; 3.方向属性(left,right,bottom,to

    css入门笔记

    轮廓指的是边框的边框,绘制于边框外的线条。 属性:outline:width style color; width:宽度 style:线条样式 color:线条颜色 outline:none/0; 取消轮廓 5、框模型 保持设置的宽高 box-sizing:border-box; 1...

    Svg-Essentials-And-Animation:FrontendMasters中的一门课程的代码和注释。 [课程-完成]

    SVG基础和动画V2 此存储库托管从课程获得的代码/注释。 SVG解剖学概述 代表可缩放的矢量图形。... &lt;g&gt;&lt;/g&gt; g标签代表分组,基本上就像div一样,用于对对象进行分组。 路径标记:以z结尾表示存在闭

    delphi 开发经验技巧宝典源码

    0101 使用Div函数做整除操作 68 0102 使用DivMod函数返回两个操作数相除的商和余数 68 0103 使用Power函数返回底数的任何次幂 69 0104 使用Round函数将实数四舍五入为整数 69 0105 使用Sqr函数计算指定数的...

    delphi 开发经验技巧宝典源码06

    0101 使用Div函数做整除操作 68 0102 使用DivMod函数返回两个操作数相除的商和余数 68 0103 使用Power函数返回底数的任何次幂 69 0104 使用Round函数将实数四舍五入为整数 69 0105 使用Sqr函数计算指定数的...

Global site tag (gtag.js) - Google Analytics