CSS圆角无聊的时分画了个丑东西哈哈-HTML教程-爱易网页

日期：2014-05-17　浏览次数：20739 次

CSS圆角无聊的时候画了个丑东西哈哈

纯属自己乱玩而已，CSS3的圆角就是好玩哈哈哈

4楼gtd031小时前: [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;}

2楼gtd031小时前: [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>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。