爱易网
IT新闻
IT新闻
爱易资讯
网站搭建
云虚拟主机教程
云服务器教程
Apache教程
IIS教程
Nginx教程
网站策划
站长文章
推广教程
淘宝客教程
网页设计
HTML教程
XHTML教程
CSS教程
HTML5教程
CSS3教程
JavaSript基础
JQuery教程
Node.js教程
前端技术
Ajax教程
Js特效
Xml教程
平面设计
页面UI设计
photoshop教程
程序开发
AI人工智能
Asp教程
Php教程
Asp.Net教程
Net Core教程
C#教程
Java教程
Jsp教程
开发技术
微信小程序教程
Uniapp开发教程
微信公众号开发
Andriod教程
IOS教程
DOS教程
Python教程
Docker教程
Windows Container教程
数据库
MSSQL教程
MySQL教程
Redis教程
Access教程
Oracle教程
数据库教程
操作系统
Linux教程
Windows教程
MAC教程
Cisco教程
交换机教程
防火墙教程
搜索
爱易网页
HTML教程
CSS圆角 无聊的时分画了个丑东西 哈哈
CSS圆角 无聊的时分画了个丑东西 哈哈
日期:2014-05-17 浏览次数:20775 次
CSS圆角 无聊的时候画了个丑东西 哈哈
纯属自己乱玩而已,CSS3的圆角就是好玩 哈哈哈
4楼
gtd03
1小时前
[quote=yirancpp]如何实现的,求代码[/quote]n<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">n<html xmlns="http://www.w3.org/1999/xhtml">n<head>n<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />n<title>CSS3源码</title>n<script type="text/javascript" src="base.js"></script>n<script type="text/javascript" src="demo.js"></script>n<style type="text/css">n*{margin:0;padding:0;}nhtml,body{height:100%;}n.left{float:left;width:calc(50% - 0px);background:none;height:100%;position:relative;}n.con{float:left;width:0px;background:#f00;height:100%;}n.right{float:left;width:calc(50% - 0px);height:100%;background:none;position:relative;}nn.yuanj_div1,.yuanj_div2,.yuanj_div3,.yuanj_div4{background:#24BF23;width:40px;height:40px;position:absolute;}n.yuanj_div1{top:50px;left:50px;border-radius:18px 18px 0px 18px;}n.yuanj_div2{top:50px;left:90px;border-radius:18px 18px 18px 0px;}
3楼
yirancpp
1小时前
如何实现的,求代码
2楼
gtd03
1小时前
[quote=gtd03][quote=gtd03][quote=yirancpp]如何实现的,求代码[/quote]n&am...[/quote]n<body>n<div class="left">nt<div class="yuanj_div1"></div>nt<div class="yuanj_div2"></div>nt<div class="yuanj_div3"></div>nt<div class="yuanj_div4"></div>nt<div class="yuanj_div5"></div>nt<div class="yuanj_div6"></div>n</div>n<div class="con"></div>n<div class="right">nt<div class="xin"></div>nt<div class="xin1"></div>nt<div class="xin3"></div>nt<div class="xin4"></div>n</div>n<div style="clear:both"></div>n</body>n</html>
1楼
gtd03
昨天 21:38
[quote=gtd03][quote=yirancpp]如何实现的,求代码[/quote]n<!DOCTYPE htm...[/quote]n.yuanj_div3{top:90px;left:50px;border-radius:18px 0px 18px 18px;}n.yuanj_div4{top:90px;left:90px;border-radius:0px 18px 18px 18px;}n.yuanj_div5{position:absolute;top:100px;left:89px;width:3px;background:#24BF23;height:100px;}n.yuanj_div6{position:absolute;top:200px;left:25px;width:130px;height:70px;background:-moz-linear-gradient(left,#B79D62,#8B813A);border:2px solid #000;border-radius:5px 5px 25px 25px;}nn.xin{background:#f00;position:absolute;top:30px;left:30px;width:300px;height:300px;border-radius:350px 350px 50px 350px;}n.xin1{background:#f00;position:absolute;top:30px;left:310px;width:300px;height:300px;border-radius:150px 150px 150px 15px;}n.xin3{background:#f00;position:absolute;top:150px;left:210px;width:400px;height:400px;border-radius:50px 50px 1200px 100px;}n.xin4{background:#f00;position:absolute;top:150px;left:110px;width:400px;height:400px;border-radius:50px 50px 100px 1200px;}n</style>n</head>
上一篇: 说说标准系列目录
下一篇: 用CSS实现HTML网页图文混排成效
免责声明:
本文仅代表作者个人观点,与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
相关资料
更多>
html代码换行招致的 safari 显示 bug
CSS hack:界别IE6,IE7,firefox
div在FF中可以居间在IE8中居中不了 css margin:0px auto
如何去除正则表达式匹配到的所有匹配项
css段落左右间距
10款CSS3按钮 - 软件工程师再也不用为按钮设计而发愁了.
html 标签中的<input>
怎么实现超链接为javascript时点击后其颜色变化
求前台div+css高手,帮看下,怎么设计这个布局
推荐阅读
更多>
HTMLFormElement.reset()是如何用的
快讯列表(手风琴效果 CSS3 3D转换)特效代码
JS, CSS 资料压缩工具
HTML5 话音搜索
正则轮换 html
纯CSS模式实现圆角框
一个简单的table有关问题
css式样-选择器,盒模型
显示宽度的有关问题
css 做导航点击后会跳动,该如何处理
innerHTML、outerHTML、outerText、innerText差异
让 IE6, 7和 八支持CSS3
IE8浏览有黑框子,google浏览器正常
讲经说法HTML5
网站css内图片上载脚本
兼容主流浏览器的背景掩盖和居中浮动层的CSS样式
css 技艺
如何解决网站在不同浏览器上的显示效果有关问题
要积分的快快来!解决思路
请教怎样在本页,控制浏览器.要求:不显示菜单栏、不显示地址栏、不显示连接