开创者教程
首页
前端开发
后端开发
数据库
数据分析
开发工具
Git 教程
测验/考试
代码笔记
登录/注册
🎁 机器学习（ML）是AI的核心驱动力！全面、实用的 机器学习（ML）教程 现已正式上线
👉 点击学习
实例代码
下载
重置
运行代码
<!DOCTYPE html> <html> <head> <style> .example { border: 2px solid; /* 2像素实线边框（默认黑色） */ border-bottom-color: red; /* 仅底部边框变为红色 */ padding: 10px; /* 内边距10像素 */ width: 200px; /* 宽度固定为200像素 */ } </style> </head> <body> <div class="example"> 这是一个示例元素，具有以下样式特征： <ul> <li>四周都是2像素宽的实线边框（默认黑色）</li> <li>只有底部边框显示为红色</li> <li>内容与边框之间有10像素的内边距</li> <li>固定宽度为200像素</li> </ul> </div> </body> </html>
运行结果：
