CSS缎带效果-白红宇

CSS缎带效果

阅读量：4925 次

发布时间：2019-06-11

本文共 968 字，大约阅读时间需要 3 分钟。

1. [代码]ribbon.html

<!DOCTYPE HTML>

<html>

<head>

.ribbon-content {

border: 1px solid #DDD;

font-weight: bold;

margin: 0 -10px;

min-height: 30px;

padding: 7px 31px;

text-align: center;

line-height: 30px;

}

.ribbon-left {

display: block;

border-left: 10px solid white;

border-top: 8px solid #EEE;

float: left;

height: 0;

margin-left: -10px;

width: 0;

}

.ribbon-right {

display: block;

border-right: 10px solid white;

border-top: 8px solid #EEE;

float: right;

height: 0;

margin-right: -10px;

width: 0;

}

</style>

</head>

<body>

</div>：http://www.huiyi8.com/donghua/

<div style="background: whiteSmoke;">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</div>

</div>

</body>

</html>

转载于:https://www.cnblogs.com/xkzy/p/4087324.html

你可能感兴趣的文章

tomcat 系统架构与设计模式第二部分设计模式转

查看>>

scanf中的%[^\n]%*c格式

查看>>

启动Eclipse报Initializing Java Tooling错误解决方法

查看>>

用jquery来实现类似“网易新闻”横向标题滑动的移动端页面

查看>>

(原)基于物品的协同过滤ItemCF的mapreduce实现

查看>>

CSS可以和不可以继承的属性

查看>>

eclipse每次当我按ctrl+鼠标点击代码，自动关闭，产生原因及解决办法！！

查看>>

hbase

查看>>

用PHP将Unicode 转化为UTF-8

查看>>

HDOJ1002 A+B Problem II

查看>>

ADB server didn't ACK（adb不能开启

【BZOJ 1019】 1019: [SHOI2008]汉诺塔（DP？）

查看>>

织梦DEDECMS系统中文章内容为空用SQL语句如何删除？

查看>>

load data导入数据之csv的用法

查看>>

silverlight调用MVC WebApi方法

查看>>

建表sql实例

查看>>