$(element).css({
  'color': 'red',
  'background-color': '#f5f5f5',
  'border': '1px solid #ddd'
});

<link rel="stylesheet" href="path/to/your-plugin.css">

.plugin-container {
  width: 100%;
  padding: 15px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

$('head').append('<style>.plugin-item { margin: 10px; }</style>');

$(element).addClass('plugin-active');

(function($) {
  $.fn.colorfulPlugin = function(options) {
    // 默认设置
    var settings = $.extend({
      primaryColor: '#3498db',
      secondaryColor: '#f1c40f',
      roundedCorners: true
    }, options);
    
    return this.each(function() {
      var $this = $(this);
      
      // 添加基础类
      $this.addClass('colorful-plugin');
      
      // 应用动态样式
      $this.css({
        'background-color': settings.secondaryColor,
        'border': '2px solid ' + settings.primaryColor
      });
      
      if (settings.roundedCorners) {
        $this.addClass('rounded-corners');
      }
      
      // 插件内容
      $this.html('<div class="plugin-content">Hello World!</div>');
      
      // 内容样式
      $this.find('.plugin-content').css({
        'color': settings.primaryColor,
        'padding': '20px'
      });
    });
  };
})(jQuery);

.colorful-plugin {
  margin: 10px;
  padding: 0;
  box-sizing: border-box;
}

.colorful-plugin.rounded-corners {
  border-radius: 8px;
}

.plugin-content {
  font-family: Arial, sans-serif;
  font-size: 16px;
  text-align: center;
}