<head> <title>样式测试</title> <style type="text/css"> p { color: #000; font-size: 16px; font-weight: bold; padding: 10px; border: 1px solid #ccc; } </style> </head> <body> <p>这是一段测试文本。</p> <p>CSS内部样式代码可以直接在HTML文档中定义CSS样式,这为大家实现页面美化提供了极大的方便。</p> </body>
以上代码演示了一个简单的CSS内部样式代码案例。其中,大家在style标签中定义了p元素的样式,包括字体颜色、字体大小、字体粗细、内边距和边框等等。而在HTML文档中,大家只需要使用p标签将需要样式装饰的文本包裹起来即可,非常方便。