简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

纯CSS实现圆角效果_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 11:49:21
original
1321 Les gens l'ont consulté

<!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=utf-8" /><title>纯CSS实现圆角效果</title><style type="text/css">.yg{background:#9bd1fa;}.rtop,.rbottom {display:block;background:#fff;}.rtop b,.rbottom b{display:block;height:1px;overflow:hidden;background:#9bd1fa;}.r1 {margin:0 4px;}.r2{margin:0 3px;}.r3{margin:0 2px;}.rtop .r4,.rbottom .r4{margin:0 1px;height:2px;}</style></head><body>    <div class="yg">        <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>        1<br />        没有图片纯CSS实现圆角<br />      <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>    </div></body></html>
Copier après la connexion

　　

Étiquettes associées：
纯CSS实现圆角效果
source：php.cn
Article précédent：CSS3 输入框阴影效果及其他阴影效果_html/css_WEB-ITnose Article suivant：艺术签名制作工具v1.0_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Créez un effet de survol qui transforme le bouton de menu en forme de X avec une version clone ombré Tout d'abord, je tiens à admettre que mon titre prête à confusion et j'en suis désolé. Ce ...
Depuis 2024-04-04 11:55:21
0
2
315
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！