网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
DIV+CSS
> 正文
简单的圆角实现方案
网络 2009/5/13 22:11:12 深山行者 字体:
大
中
小
浏览 5932
以下为详细代码
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>简单的圆角实现方案</title> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="owner" content="" /> <meta name="robots" content="index, follow" /> <meta name="googlebot" content="index, follow" /> <style type="text/css"> <!-- body {background:#fff;text-align:center;margin:0 auto;padding: 0;font:12px Arial;color:#000;line-height:1.2em} div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0;} h1,h2,h3,h4,h5,h6 { margin:0; padding:0;} table,td,tr,th{font-size:12px;} .a {background:red;width:500px;height:200px;margin:25px auto;} .yj {position:relative;} .yj-tl ,.yj-tr ,.yj-bl ,.yj-br {width:10px;height:10px;position:absolute;background:url(./UploadFiles/200951322134198.jpg) no-repeat 0 0;font-size:0} .yj-tl {top:0;left:0;background-position:0 0} .yj-tr {top:0;right:0;background-position:-10px 0} .yj-bl {bottom:0;left:0;background-position:0 -10px} .yj-br {bottom:0;right:0;background-position:-10px -10px} --> </style> </head> <script type="text/javascript"> <!-- document.getElementsByClassName = function(eleClassName) { var getEleClass = [];//定义一个数组 var myclass = new RegExp("\\b"+eleClassName+"\\b");//创建一个正则表达式对像 var elem = this.getElementsByTagName("*");//获取文档里所有的元素 for(var h=0;h<elem.length;h++) { var classes = elem[h].className;//获取class对像 if (myclass.test(classes)) getEleClass.push(elem[h]);//正则比较，取到想要的CLASS对像 } return getEleClass;//返回数组 } window.onload=function(){ var Tags=document.getElementsByClassName("yj"); var len=Tags.length; for(i=0;i<len;i++){ Tags[i].innerHTML+="<div class='yj-tl'></div><div class='yj-tr'></div><div class='yj-bl'></div><div class='yj-br'></div>"; } } //--> </script> <body> <div class="a yj">a</div> <div class="a yj">s</div> <div class="a yj">d</div> <div class="a yj">f</div> <div class="a yj">g</div> <div class="a yj">h</div> </body> </html>
前一页:
网易评论的盖楼样式
后一页:
css 里面的图片定位position高级应用
相关阅读
Vista中使用IIS 7.0三个常见问题
经典的仿蓝色理想TAB横向下拉菜单效果
纯asp根据当前日期计算出当前年份的属相
旅行社手机网站模板10
怎样增加网站外链接和注意事项
asp读取163的rss之xml数据
jquery动态生成的html代码中无法使用jquery事件的解决方法
19寸宽屏旅行社网站模板7
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>
同类信息
jquery设置或获取修改classname
利用css3.0写出一个音乐播放的唱片碟盘的效果
利用css中的scale()实现放大缩小效果
利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明
css背景使用base64编码或者将base64编码放在img图片标签中
利用css3中的-webkit-font-smoothing把网页文字的毛边去掉
更多>>
最新添加文章
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现：无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
更多>>
随机抽取信息
利用javascript让PNG透明图片支持支持(IE6、IE7、firefox下测试通过)
小程序中利用addPhoneContact将联系人的信息添加到手机通讯录支持保存联系人头像
CSS代码格式化和压缩化
jquery下拉到某个固定位置然后某些元素发生改变样式状态
使网页右键失效
uni-app开发微信小程序使用button的open-type为contact调用微信客服不能用view或者js调用
更多标签
热门标签
商城
DW
左 右
蓝色理想
button
模仿
鼠标
动画
分页
教程
tags
eof
转换
留言板模版
slectindext
open
正则
CSS滤镜
例子
默认高度
动态
变大
想
繁体
visite
深山旅游网站管理系统V1.0
变色
无限
右键
复选框
服务器
png24
常用
缓冲
title
购物
命名
打字
样式
评论
告
事务
xml
叛断
布局
分辨率
搜索
选项卡
class
word-break
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号
苏公网安备 32070502010230号
